Inkscape-図形の角を丸くする？

Inkscapeでは、長方形の角を丸くするのは簡単です。オブジェクトを選択し、F4（長方形ツール）を押して、円形ノードをドラッグします。

より複雑な形状の場合はどうしますか？

「ダイナミックオフセット」はほぼ正しいことですが、凹型ポリゴンの内側を丸めません。

これはInkscapeの弱点であり、これを行う簡単な方法がないようです。私がこれまでに見つけたこれに対処する最良の方法は次のとおりです。

1. 目的の最終コーナー半径を使用して、いくつかの角丸長方形を作成します
2. それらを互いに突き合わせて全体の最終形状を作ります。丸みのために角が合わない場所を気にせず、
3. それらを1つのパスに結合します
4. ノードを削除して、余​​分なノッチを修正します。

幸いなことに、誰かがこのテクニックをイラスト付きでオンラインで説明しています（少しスクロールしてください） http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

私は、パス編集ツールが、あなた（そして他の5万人のInkscapeユーザー）が望むように、どこかでパスを変換できることを願っています。そうでなければ、これは素晴らしい週末のコーディングプロジェクトになります。

1. 長方形または正方形を選択します
2. ノードオプションを選択します
3. 右側の角には、正方形のノードではなく丸いノードが表示されます。目的の角が丸くなるまでノードを下にドラッグします。

ノードオプション：

角を丸くするためにドラッグする必要のある丸いウィジェット：

丸いウィジェットをドラッグするとどうなりますか：

他の人が指摘しているように、これは長方形でのみ機能します（しかし、これは人々をこのページに導く一般的なユースケースです）。

これは、フィレット/面取りパス効果を使用して実現できます（現在、開発者バージョン0.91+develでのみ利用可能です。こちらをご覧ください）。

使用方法は次のとおりです。

1. 変更するパスを選択し、[パスの効果]タブを開きますPath > Path Effects...。

   

2. パス効果ウィンドウに新しい効果を追加し、を選択しますFillet/Chamfer。

   

3. パスの角に適用する半径を選択し、Filletボタンを押します。

   

4. 角の一部のみを丸める場合はChange only selected nodes box、Filletボタンをクリックする前に、パス編集モードで変更するノードにチェックマークを付けて選択します。

問題があるが、四角形以外の形状でも機能する別の間に合わせのソリューション：

1. オブジェクトにダイナミックオフセットを適用します。
2. オブジェクトをパスに変換します。
3. ノードを追加します（[拡張機能]→[パスの変更]の下）。これはオプションですが、ほとんどの場合、結果が大幅に改善されます。多いほどもっと良いでしょう。
4. 動的インセット（つまり、負の動的オフセット）をオブジェクトに適用します。
5. 必要に応じて、オブジェクトをパスにもう一度変換して単純化します。

これは、亀裂に対してより弾力性のあるレーザーカットパースペックスデザインを作成する目的で、既存の不規則なポリゴンに角丸を追加したいときに発見した別の方法です。

1. ノードによるパスの編集（F2）ツールを選択し、丸くするコーナーノードを選択します。

2. 押したままCtrl-Alt、コーナーから離れた水平線に沿ってわずかにクリックして、新しいノードを追加します。

3. 同じことをもう一度行い、垂直線に沿ってわずかに新しいノードを作成し、別の新しいノードを追加します。
4. この段階で、2つの新しいノードに戻り、両方のノードがコーナーから一定のオフセットを持っていることを確認します。たとえば、2mm離れています。
5. コーナーノードを選択し、を押しDelて削除します。コーナーは次のようになります。

6. 満足のいく曲線を形成するように、左下の2つのベジェポイントをドラッグします。次のように、押したまま上下Ctrlに並べます。

別の方法を使用しました。慣れて、スナップオプションの使用方法を学べば、かなり速く作業できることがわかりました。これは、軸に平行な直交線で構成されるパスで最適に機能します。

1. 正方形から希望する半径の円を引いて、「カッター」形状を作成します。円の中心を正方形の角の1つに置き、正方形を円の直径としてサイズ設定します。これにより、カッターの中心が円弧の端に揃えられます。
   
2. カッターを複製して再利用し、位置合わせして丸めたい角に配置します。オブジェクトとカスプノードの中心のスナップをアクティブにして、カッターを希望する場所に正確に合わせます。
3. 必要に応じて、中心に沿ってカッターを回転させて、円弧を下にあるパスのエッジに合わせます
4. 元のパスとカッターを選択し、角が凸の場合はブール値の差を、凹の場合はブール値の結合を行います。角が丸くなっています！
5. カッターを複製し、希望するすべてのコーナーで繰り返します。
6. 初期形状が開いていた場合、ブール演算により閉じられます。プロセスの終了後に再度開く必要がある場合があります。

ボナッチアの 答えに触発（ありがとう）丸い角を制御するために、いくつかの追加の長方形または正方形とスニッピング機能を使用できることを発見しました。私が作成した次のGIFを確認してください。

この問題の別の解決策は、パス分割ツールを使用することです。ここでの利点は、半径を明示的に数値として設定できることです。

1. 長方形を作成する
2. 希望する半径の円を作成します
3. 円を長方形の角に揃えます
4. 長方形と円を選択し、Path-> Divisionを使用します
5. 不要なコーナーピースを削除する
6. 新しい円と元の長方形の間のパス->結合を行います

Edit paths by nodesツールを使用してこれを解決することができました。シングルエンドをどのように処理したかを示しますが、この操作はフラットエッジを持つ任意のシェイプで機能するはずです。このような形状から始めます。

選択Edit paths by nodesツールをして、図形を選択します。シェイプの端が平らな場合、各コーナーに1つずつ、2つのノードが必要です。これらのノードを選択してInsert new nodes into selected segmentsボタンをクリックします。これにより、最後の2つのノードの間に3番目のノードが追加され、次のようになります。

中央にノードがあるので、角を丸くすることができます。ノードを選択して引き離すだけで、次のようにポイントが作成されます。

必ずCtrlキーを押しながらドラッグして、直線でドラッグしてください。これで、ノードをスムージングできるようにする必要があり、Make selected nodes symmetricボタンの出番です。これによりノードにハンドルが追加され、ノードの形状を変更できるようになります。次のようになります。

次に、ハンドルを調整して（Ctrlを押したまますべてを真っ直ぐにする）、目的の丸みを取得します。

Inkscapeのバージョンにフィレット/面取りパス効果がない場合は、私が書いた拡張機能が役立つことがあります。

Inkscape角丸

ベジエ曲線を使用するだけで成功しました。例えば、私はOPのL字型を描くでしょう

|
|
|
 \
  \
   \_________

（非常に粗いASCIIアート！）つまり、角の丸いところに対角線を配置し、2つの線の結合点のベジェ制御点を調整します。

純粋に表面的な効果（つまり、丸いパスにならない）の場合は、フィルター>ぼかし>クロススムース効果を適用してみてください。次に、フィルターエディターを開き、標準偏差効果パラメーターを約1.0に設定します。

別の方法は、ストロークを作成し、JoinとCapを丸めるように設定することです。パスをコピーして所定の位置に貼り付け、コピーからストロークを削除します。次に、元のパスを選択し、パス>パスへのストロークを選択して、2つの図形を結合します。

クリーンなソリューションはないので、GIMPを使用して別のソリューションに言及しましょう！

1-別のInkscapeインスタンスでこのオブジェクトのみのコピーを作成します（他のオブジェクトがある場合）

2-ビットマップへのエクスポート（PNGファイル）

3- GIMPでpngを開き、「Select by Color Tool」で形状を選択します

3-選択->ぼかし-> Rピクセル単位（半径）

4-選択範囲に色を付けて、再度PNGに保存/エクスポートします

5- Inkscapeで変更されたpngファイルを開き、「トレースビットマップ」ツールを使用して丸みのあるパスを取得します（形状は単色である必要があるため、簡単でおそらくきれいです）

かなりうまくいきますが、少し形が変わります。

これはWrzlprmftのソリューションに似ています。

結果

GIFステップバイステップ

申し訳ありませんが、画像を投稿する評判が10ありません

次のようなインクスケープ拡張機能を作成することもできます。

• これらの入力を受け取ります。

  • どの角を丸くしたいか

  • 丸めの強さ（r）

• それよりも：

  • https://en.wikipedia.org/wiki/Distance_from_a_point_to_a_lineを使用して数学システムを セットアップします
  • この時点で、接点に2つのノードを追加し、ノードをアークで置き換えます

ひどい英語でごめんなさい

InkscapeのXMLエディターを使用して、角を丸くした長方形を作成できます。XMLエディターを開き、<svg:rect要素を選択します。rxおよびry属性を追加します。XMLエディターの右下に2つのフィールドとSetボタンがあります。入れてrxトップフィールドであり、10または任意の他の数、押しSet。

実際には非常に簡単です。

1. 角が長方形の形状を作成します。

2. 長方形ツールをクリックします

3. 四角形のハンドルではなく、形状の角にある円形のハンドルのいずれかをクリックします。

4. Shift円形ハンドルを押してドラッグすると、自動的に角が丸くなります。

^{丸い角を作成するには、円形のハンドルをドラッグします。}