首页 > 解决方案 > html 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>

和结果

在此处输入图像描述

标签: htmlcsssvg

解决方案


推荐阅读