SVG基础|SVG DEFS元素、SYMBOL元素和USE元素
程序员文章站
2022-04-01 19:11:40
...
SVG DEFS元素
SVG的
在
要引用
在
下面是上面代码的返回结果:
上面SVG图像中绿色的圆点并不是示例代码的一部分。它们是用来显示2个
哪些元素可以被定义为defs中的元素呢?
你可以将下面的元素放入到
- 任何图形元素,如:rect,line等
- g
-
symbol
SVG SYMBOL元素
SVG
下面是一个使用
一个
SVG USE元素
SVG
下面是一个使用
要引用
下面是上面代码的返回结果:
我们也可以引用不在
这个例子在
注意这里原始图形和复用的图形都会被显示。因为原始的图形并没有定义在
你可以为引用的图形设置CSS样式。你可以在
注意上面的代码中,原始的图形并没有设置样式,它将是默认的样式(黑色)。
本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/ziliaoku/ ... g/201506132029.html