css - 制作一个 SVG 路径减半圆

Question

我是 SVG 的新手。我想做这个弯曲的笔画： 这张笔画的图片

我怎样才能用 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>

你可以在这里看到它的实际效果。

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