HTML canvas lineJoinプロパティ

Canvas 对象参考手册Canvas オブジェクト

例

2本の線が交わる時に、丸い角を作成します：

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome、Safari は lineJoin プロパティをサポートしています。

注意：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。

定義と使い方

lineJoin プロパティは、2本の線が交わる時に作成される角のタイプを設定または返します。

注意："miter" 値はmiterLimitプロパティの影響を受けます。

デフォルト値： miter
JavaScript 構文： context.lineJoin="bevel|round|miter";

プロパティ値

值 説明
bevel ベベル（斜角）を作成します。
round 丸角を作成します。
miter デフォルト。尖った角を作成します。

Canvas 对象参考手册Canvas オブジェクト

その他の拡張