webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

マイター結合

線幅10ptで鋭角を描く。

角の形状は「マイター結合」

比率は「5」

 このとき「線幅」*「比率」=50という値が重要!

この値がマイター結合の臨界点(値)になる。

マイター長が「線幅」*「比率」の値を超えることはない。

f:id:ohta-felica:20170604224439p:plain

 マイター長が値を超えたときは、ベベル結合になってしまいます。

f:id:ohta-felica:20170604224812p:plain

 上の状態から2つの線の開きを1px狭くすると、下のようになります。

f:id:ohta-felica:20170604224855p:plain

例えば袋文字を作って、、、比率の値、デフォルトでは「4」ですが、

この値を大きくします。

比率の値を大きくするということは、なかなかベベル結合にならない

=どこまでもマイター結合になります、ということ。

f:id:ohta-felica:20170604225901p:plain

 「比率」を12にしてみると尖がった角がいくつかできます。

ふたつのパスが鋭角に交わる箇所でどこまでもマイター結合するためにこのようになってしまいます。

f:id:ohta-felica:20170604230141p:plain

 逆にこのような現象が起こってしまうときは、、、

  1. 結合を「ラウンド結合」あるいは「ベベル結合」にする。この2つの結合には「比率」は関係がない。
  2. 比率の値を小さくして、尖がりが飛び出すより早く「ベベル結合」にしてしまう。

で解決ができます。