角が丸い三角形を作成するSVGパス

Question

丸い角を持つ三角形の形で単純なsvgパスを作成しようとしています。

私はこの三角形から開始しました：

<svg width="440" height="440"> 
 
    <path d="M5,100 L70,5 L135,100 z" fill="none" stroke="black" stroke-width="3" /> 
 
</svg>

しかし、私はコーナーに追加するために苦労している - これは限り私が持っているようです：

<svg width="440" height="440"> 
 
    <path d="M5,100 a10,10 1 0 1 -5,-10 L70,5 L135,90 a10,10 1 0 1 5,10 z" fill="none" stroke="black" stroke-width="3" /> 
 
</svg>

3つの滑らかなコーナーを持つ三角形を作成する正しいパス座標は何ですか？正しいストラットとエンドポイントを計算するためにいくつかのジオメトリを行う必要がありますか、シェイプを構成するために使用できるツールがあり、シェイプが構成されている座標がわかりますか？

Answer 1

Inkscapeには、パスのストロークを塗りつぶしオブジェクトに変換するオプションがあります。これで、次のことができます。

1. 単純な三角形を描き、塗りつぶしをなしに設定します。
2. 達成したいコーナーラウンディングの半径の2倍の幅を持つストロークを定義します。
3. stroke-linejoin:round（塗りと線のダイアログ - >線のスタイル - >丸め結合）を設定します。
4. [パス] - > [パスにストローク]メニューから選択します。

5. ノード選択モードに設定します。これで、内側のすべてのノードを削除できます。

6. もう一度塗りつぶしを設定し、好きなようにストロークを選択します。