3
我不想使用一D3弦或类似功能来创建类似下面使用纯SVG但。SVG - 如何填充其边从贝塞尔曲线形成的多边形?
我能够创建一个使用标准路径元素用贝塞尔曲线SVG多边形。但不知道如何用自定义颜色填充该多边形。如何定义这个多边形的边界并设置填充属性?
任何想法,其中分组可以帮助?
我不想使用一D3弦或类似功能来创建类似下面使用纯SVG但。SVG - 如何填充其边从贝塞尔曲线形成的多边形?
我能够创建一个使用标准路径元素用贝塞尔曲线SVG多边形。但不知道如何用自定义颜色填充该多边形。如何定义这个多边形的边界并设置填充属性?
任何想法,其中分组可以帮助?
如果您想填写该地区,则只能使用一个path
元素。您可以将贝塞尔曲线链接在一起,以便从最后一个结束时开始。然后,将Z
添加到路径数据的末尾以关闭路径。
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="300">
<path d="M480 150 C 300 200, 200 150, 20 200 C 15 150, 15 150, 20 100 C 200 100, 300 150, 480 150 Z" stroke="black" fill="red"></path>
</svg>
如果你知道你的所有终点和控制点应该在哪里,那就比制作单独的路径更困难。
这里是FIDDLE如果你想玩弄路径数据,看看链接是如何工作的。
回答接受!非常感谢 :) – Dhwanit