HTML canvas stroke() metode

Definition og brug

stroke() metoder tegner faktisk den sti, der går gennem moveTo() og lineTo() Metoder definerer stien. Standardfarven er sort.

Vedligeholdelse:Brug strokeStyle egenskab for at tegne en anden farve/gradients.

Eksempel

Tegn en sti, formen er en grøn bogstav L:

Din browser understøtter ikke HTML5 canvas tag.

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

Prøv det selv

Syntax

context.stroke();

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.