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

このページでは[「P5.js 日本語リファレンス」] (https://qiita.com/bit0101/items/91818244dc26c767a0fe) の 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) に従います。