我想学习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/