HTML-Canvas stroke()-Methode
Beispiel
Zeichne einen Pfad in Form des roten Buchstabens L:
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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();
Selbst ausprobieren »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die stroke()-Methode.
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
Definition und Verwendung
Die stroke()-Methode zeichnet tatsächlich den Pfad, der durch die moveTo()- und lineTo()-Methoden definiert wird. Die Standardfarbe ist Schwarz.
Tipp:Verwende diestrokeStyleEigenschaft, um eine andere Farbe/einen anderen Farbverlauf zu zeichnen.
| JavaScript-Syntax: | context.stroke(); |
|---|
HTML-Canvas-Referenz Andere Erweiterungen