三角形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，其側面有一個透明的半圓

回答

相關問題