三角形svg，其侧面有一个透明的半圆

-1

我正在寻找一种方法来制作这些svg路径，但现在没有运气。我在网上搜索了很长一段时间... 我知道css可以做到这一点，但如果有人知道如何用SVG构建它们，那将非常好。三角形svg，其侧面有一个透明的半圆

谢谢

首先SVG：

二SVG：

来源

2017-03-06 Claod

下载一个SVG编辑器如Inkscape和吸引他们。 –

嗨，那就是我想要做的，顺便说一下，即使使用该软件，半圆形也不会像这些PNG一样显示。：/ thx如果你能给我一些建议。 – Claod

你应该了解SVG路径命令。

https://www.w3.org/TR/SVG2/paths.html#PathData

例如，可以通过列表的一些路径命令定义这样的形状。

<svg viewBox="0 0 200 200" width="200" height="200"> 
 
    <path d="M0 0l60 60a1 1 0 0 0 80 80l60 60h-200z"/> 
 
</svg> 
 
<svg viewBox="0 0 200 200" width="200" height="200"> 
 
    <path d="M0 0l60 60a1 1 0 0 1 80 80l60 60v-200z"/> 
 
</svg>

来源

2017-03-07 00:40:27 defghi1977

** Pefect **！我用Inkscape做过，但路径是从我的PNG边缘制作的......而且数据真的很长。我知道一些路径命令，我知道如何制作三角形，但主要问题是用半圆切割一边。我认为这是“一个”点...它不能正常工作:(. 非常感谢！我会研究它并修改它:)。如果你不介意我会回来问你一些问题，如果我不明白一些观点:)。感谢您帮助svg begginers，真的。 – Claod

三角形svg，其侧面有一个透明的半圆

回答

相关问题