从集合创建SVG元素,而无需显式设置坐标

时间:2018-01-05 11:55:19

标签: javascript html svg

我是SVG的新手,所以我不知道我是否遗漏了一些明显而简单的东西。

在创建SVG元素的每节课中,必须为要绘制的元素显式设置xy坐标。但有没有办法让浏览器在不明确指定坐标的情况下将一个svg形状绘制在另一个svg旁边,就像DOM在写<div>content1</div><div>content2</div>时所做的那样?

我想要的是:

拥有元素的数据集合(比方说,它们都是指定了widthheight的矩形),有没有办法在一行中顺序绘制所有这些(水平) ?我不想手动设置每个元素的坐标,只需在数组中调用foreach元素,并期望浏览器找出每个元素的width属性的坐标。

这是否只能通过一些动态计算每个元素的边界框的脚本来实现,或者有一些更简单的方法?

0 个答案:

没有答案