我在我的项目中使用 SVG,现在我必须在网页中创建一个 SVG 元素,其中只有<defs>
. 在页面的后面,我要多次使用前面定义的对象。问题在于具有定义的对象,实际上它在页面中创建了一个空白区域。试试这个代码:
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<polygon id="star" points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<use x=0 y=0 xlink:href="#star">
</svg>
</body>
</html>
我对 Firefox 和 Chrome 都有问题。我不关心IE。