透明な半円のあるトライアングルsvgを

-1

私はそれらのsvgパスを作る方法を探していますが、今は運がありません。私は長い間インターネット上で検索していました... 私はcssがこれを行うことができると知っていますが、誰かがSVGでそれらを構築する方法を知っていれば、本当にいいと思います。透明な半円のあるトライアングルsvgを

第二SVG：SVGパスコマンドについてあなたが学ぶべき

出典

2017-03-06 Claod

なInkscapeのSVGなどのエディタをダウンロードし、それらを描きます。 –

こんにちは、私がやろうとしているのは、そのソフトウェアでも半円はそれらの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のエッジから作られていた...そして、データは本当に長い。私はいくつかのパスコマンドを知っている、私は三角形を作る方法を知っているが、主な問題は、半円で側をカットすることでした。私はそれが "a"ポイントだと思う...それは正しく動作していなかった:(。ありがとう！私はそれを勉強して変更する:)。あなたが気にしないなら、私はいくつかの点を理解していない場合、私はあなたにいくつかの質問をするために戻ってくるだろう:)。本当にsvg初心者を助けてくれてありがとう。 – Claod

透明な半円のあるトライアングルsvgを

答えて

関連する問題