HTML canvas moveTo() metoden

Definition og brug

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

Tip:Brug stroke() Metoden tegner den præcise 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

Syntax

context.moveTo(x,y);

Parameter værdi

Parameter Beskrivelse
x x-koordinaten for målpunktet for stien
y y-koordinaten for målpunktet for stien

Browser support

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.