制作一个SVG路径半圈

Question

我是SVG的新手。我想做这个弯曲的笔划： This picture of the stroke

如何使用SVG实现这一目标？我已经完成了SVG。但是不要出去。谁可以帮我这个中风？谢谢你的帮助！

Answer 1

这并不完美，但这样的事情会给你一个良好的开端。

    <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='200'>
                <path fill='none' stroke="black" stroke-width='4' d='M 90,80 A60,60 0 0,1 90,5'/>
</svg>

您可以看到它here正在运行。

调整 60,60 值将使其或多或少循环。 90,80 和 90,5 值是起点和终点。其余的应该是自我解释，但如果您有任何问题，请告诉我。