javascript - 長方形を描画する前に lineCap と lineJoin を変更しても何も起こりませんか?

Question

私はこのコードを持っています:

context.lineWidth = 10;

context.lineCap = "square";
context.lineJoin = "square";

context.strokeRect(x, y, w, h);

lineWidth正常に動作しているように見えますが、変化lineCapしlineJoinていて何もしません。とをに設定するlineCapと、長方形はまだ丸みを帯びています。これがなぜなのか誰か知っていますか？lineJoin"round"

Answer 1

は有効な値ではないmiterためlineJoin、を使用する必要があるためです。square

ライブデモ

lineJoin属性は、UAが2本の線が交わる場所に配置するコーナーのタイプを定義します。有効な3つの値は、斜角、ラウンド、マイターです。

W3リファレンス

また、あなたがただrectsをしているなら、あなたは必要ありませんlineCap