如何在同一个SVG中添加多层SVG多边形?例如,我在这里有一辆汽车的图纸(参见片段),如果我想在其上添加一个窗口怎么办?如果我在汽车标记下方写下新窗口标记(请参阅代码段),则该标记不可见。如果我把它写在汽车标记之上就会被覆盖。
<svg heght="100" width="100">
<!--bil-->
<polygon points="0,100 0,70 5,65 20,65 30,40 70,40 80,65 95,65 100,70 100,100 90,100 80,90 70,100 30,100 20,90 10,100" style="fill:#777; stroke:#444; stroke-width:3px;">
<!--window-->
<polygon points="30,30 50,30 50,50 30,50" style="fill:blue; stroke:#444; stroke-width:3px;">
</svg>
&#13;
答案 0 :(得分:2)
在SVG中,您必须使用/&gt;正确终止元素。或结束标记,例如</polygon>
html解析器将您当前的标记解析为嵌套多边形,这是不允许的。
你的窗户不在正确的位置,但现在至少可以看到它。
<svg heght="100" width="100">
<!--bil-->
<polygon points="0,100 0,70 5,65 20,65 30,40 70,40 80,65 95,65 100,70 100,100 90,100 80,90 70,100 30,100 20,90 10,100" style="fill:#777; stroke:#444; stroke-width:3px;"/>
<!--window-->
<polygon points="30,30 50,30 50,50 30,50" style="fill:blue; stroke:#444; stroke-width:3px;"/>
</svg>
&#13;