svg 元素

<svg> 元素是根元素,或者是我們在其上繪製圖表的畫布。

SVG 元素可以彼此巢狀,這樣,SVG 形狀可以組合在一起,同時,巢狀在元素內的所有形狀都將相對於其封閉元素定位。

可能需要提一件事的是,我們不能巢狀在另一個內部,它將無法工作。

案例:多張圖表

例如,這個多個甜甜圈圖表由多個元素組成,分別包含圓環圖。這可以通過使用元素來實現,但在這種情況下我們只想將甜甜圈圖一個接一個地放在一起,更方便。

要記住的一件事是我們不能使用變換屬性,但我們可以使用 x,y 作為位置。