HTML canvas stroke() metod

HTML5 Canvas-referenshandbok

Definition och användning

stroke() metoder ritar faktiskt ut vägen som definieras av moveTo() och lineTo() Metoder definierar vägen. Standardfärgen är svart.

Tips:Använd strokeStyle egenskaper för att rita en annan färg/tonning.

Exempel

Rita en väg, formen är en grön bokstav L:

Din webbläsare stöder inte HTML5 canvas-tagg.

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="green";
ctx.stroke();

Prova själv

Syntaks

context.stroke();

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversionen som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.

HTML5 Canvas-referenshandbok