HTML canvas stroke() Metode

❮ HTML-doekverwysing

Voorbeeld

Teken 'n pad, gevorm as die letter L - in 'n rooi kleur:

Jou blaaier ondersteun nie die HTML5-skerm nie.

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

Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.

Method
stroke() Yes 9.0 Yes Yes Yes

Definisie en gebruik

Die stroke() metode teken eintlik die pad wat jy gedefinieer het met al daardie moveTo() en lineTo() metodes. Die verstekkleur is swart.

Wenk: Gebruik die strokeStyle- eienskap om met 'n ander kleur/gradiënt te teken.

JavaScript-sintaksis: konteks .stroke();

❮ HTML-doekverwysing