Latest web development tutorials

HTML propriété toile lineJoin

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Lorsque deux lignes se croisent pour créer des coins arrondis:

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();

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari soutien propriété lineJoin.

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.


Définition et utilisation

linejoin ensembles de propriétés ou retourne le type de virages créé lorsque l'intersection de deux lignes.

Note: "miter" valeur par miterLimit propriétés d'impact.

Par défaut: mitre
Syntaxe JavaScript: contexte .lineJoin = "biseau | round |miter";

Valeur de la propriété

描述
bevel 创建斜角。
round 创建圆角。
miter 默认。创建尖角。


HTML Manuel toile de référence HTML Manuel toile de référence