svg 元素

<svg> 元素是根元素,或者是我们在其上绘制图表的画布。

SVG 元素可以彼此嵌套,这样,SVG 形状可以组合在一起,同时,嵌套在元素内的所有形状都将相对于其封闭元素定位。

可能需要提一件事的是,我们不能嵌套在另一个内部,它将无法工作。

案例:多张图表

例如,这个多个甜甜圈图表由多个元素组成,分别包含圆环图。这可以通过使用元素来实现,但在这种情况下我们只想将甜甜圈图一个接一个地放在一起,更方便。

要记住的一件事是我们不能使用变换属性,但我们可以使用 x,y 作为位置。