如何将样式定义添加到内联svg？

Question

我在HTML页面中有一个空的内联SVG，并使用Snap.SVG来填充和操作SVG。我想为SVG元素使用CSS样式。

如何将style部分添加到SVG（内联样式表）？

Answer 1

所以你想把样式放在内联SVG元素上？本文可以帮助您实现这一目标。

https://css-tricks.com/using-svg/

肖恩

Answer 2

你试过......

element.attr({ style: 'fill: green' });

举个例子？

样式表示例...

var frag = Snap.parse('<defs><style type="text/css"><![CDATA[ rect { stroke: #909; stroke-width: 10; fill: blue; } ]]></style>')
s.append( frag )

jsfiddle