HTML 参考手册

HTML 标签大全

HTML canvas lineJoin 属性

lineJoin 是 Canvas 2D API 用来设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。

在线示例

当两条线相交时，创建一个圆角：

示例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　canvas　lineJoin　属性的使用(基础教程网　oldtoolbag.com)</<title>
</<head>
<body>
<canvas　id="myCanvas"　width="300"　height="150"　style="border:1px　solid　#d3d3d3>
您的浏览器不支持　HTML5　canvas　标签。</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth=10;
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
</script>
</body>
</html>

Voyons voir ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome et Safari prennent en charge l'attribut lineJoin.

Attention :Internet Explorer 8 Les versions précédentes de et incluent ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

Lorsque deux lignes se rencontrent, l'attribut lineJoin définit ou retourne le type d'angle créé.

Attention :La valeur "miter" est affectée parmiterLimit Impact de l'attribut.

Valeur par défaut :	miter
Syntaxe JavaScript :	contexte.lineJoin="bevel\|round\|miter";

Valeur de l'attribut

Valeur	Description
bevel	Créer un angle biseauté.
round	Créer un angle arrondi.
miter	Par défaut. Créer un angle aigu.

Manuel de référence HTML canvas

HTML: <template> balise