P5.js 日本語リファレンス(strokeJoin)

4967 ワード
p5.js processing JavaScript JavaScript テキストリンク

このページでは「P5.js 日本語リファレンス」 の strokeJoin関数を説明します。

strokeJoin()

説明文

LINE を接続するジョイントのスタイルを設定します。これらのジョイントは、留め継ぎ、面取り、丸めに対応するパラメータ MITER、BEVEL、ROUNDで指定します。デフォルトのジョイントは MITER です。

構文

strokeJoin(join)

パラメタ

  • join
    定数：MITER、BEVEL、ROUND のいずれか

例1

function draw() {
  noFill();
  strokeWeight(10.0);

  strokeJoin(MITER);

  beginShape();
  vertex(35, 20);
  vertex(65, 50);
  vertex(35, 80);
  endShape();
}

実行結果

例2

noFill();
strokeWeight(10.0);
strokeJoin(BEVEL);
beginShape();
vertex(35, 20);
vertex(65, 50);
vertex(35, 80);
endShape();

実行結果

例3

function draw() {
  noFill();
  strokeWeight(10.0);

  strokeJoin(ROUND);

  beginShape();
  vertex(35, 20);
  vertex(65, 50);
  vertex(35, 80);
  endShape();
}

実行結果

著作権

p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.

ライセンス

Creative Commons(CC BY-NC-SA 4.0) に従います。