Question

如何在同一个SVG中添加多层SVG多边形？例如，我在这里有一辆汽车的图纸（参见片段），如果我想在其上添加一个窗口怎么办？如果我在汽车标记下方写下新窗口标记（请参阅代码段），则该标记不可见。如果我把它写在汽车标记之上就会被覆盖。

＆＃13;

<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;

Answer 1

在SVG中，您必须使用/＆gt;正确终止元素。或结束标记，例如</polygon>

html解析器将您当前的标记解析为嵌套多边形，这是不允许的。

你的窗户不在正确的位置，但现在至少可以看到它。

＆＃13;

<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;

多层<svg>多边形 - 不起作用

1 个答案: