Latest web development tutorials

méthode de course de toile HTML ()

Canvas Object Reference objet Canvas

Exemples

Dessiner une forme de chemin est une lettre rouge L:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari course de support ().

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


Définition et utilisation

méthode course () sera effectivement dessiner le chemin défini par la méthode moveTo () et lineTo () de. La couleur par défaut est noir.

Astuce: Utilisez strokeStyle propriété pour dessiner une autre couleur / gradient.

Syntaxe JavaScript: contexte .stroke ( );


Canvas Object Reference objet Canvas