Canvas moveTo() metode

definisjon og bruk

moveTo() metode flytter stien til den angivne punkt på canvas uden at oprette en linje.

hint:brug stroke() metode til at tegne præcis sti på canvas.

eksempel

Start en sti, flyt til position 0,0. Opret en linje til position 300,150:

Din browser understøtter ikke HTML5 canvas tagget.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

prøv det selv

grammatik

context.moveTo(x,y);

parametre værdi

parametre beskrivelse
x x-koordinaten for målpunktet for stien
y y-koordinaten for målpunktet for stien

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.