html svg标签路径笔触轮廓角度

时间:2020-05-15 07:43:52

标签: html css svg

如何删除轮廓边缘的倾斜部分?

这是我的代码

<svg width="240", height="120" style="margin-top:100px;">
    <path 
        d="M 190,0 
           L58, 0
           Q0 0 0 60
           Q0 120 58 120 
           L190 120
           Q240 120 240 90" 
        stroke-opacity="1" 
        fill-opacity="1" 
        fill="transparent" 
        stroke="black" 
        stroke-width="12" 
        stroke-linejoin="round" 
        stroke-linecap="round">
    </path>
</svg>

和结果

enter image description here

0 个答案:

没有答案