微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何通过操纵 SVG 路径的绘制属性来创建圆角?

如何解决如何通过操纵 SVG 路径的绘制属性来创建圆角?

我创建了一个 SVG,当它在屏幕上拉伸时,将如下所示:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
    <path d="M0 0 L70 100 L100 0 Z"></path>
</svg>

我想知道如何操作路径标签 d 属性,使尖边像这样稍微变圆(这是指向上方,但思路相同):

enter image description here

我弄乱了路径标记,但无法复制它。是否有一些我遗漏的“简单”可以创建这种圆形边缘?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。