我想学习SVG,并且尝试学习如何通过使用点(带有多边形)或通过路径(路径)动态渲染同一图像。

我想在SVG多边形和SVG路径中都使用一些相同的多边形示例(三角形,正方形和五边形足以开始),以便我可以比较代码。我可以找到任何一个绘制的单个图像,但没有一个是相同的。

最佳答案

这很简单:通过添加points并追加d,基本上可以采用多边形的M属性并将其转变为路径的z属性。

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <polygon points="20,20 100,20 100,100 30,110"/>
  <path        d="M20,20 100,20 100,100 30,110z" fill="green" transform="translate(100,0)"/>
</svg>

关于svg - 在SVG中通过路径绘制的多边形与多边形的示例,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13679495/

10-12 12:25
查看更多