HTML canvas moveTo() metod

Definition och användning

moveTo() Metoden flyttar banan till den angivna punkten på canvas utan att skapa en linje.

Tips:Använd stroke() Metoden ritar den exakta banan på canvas.

Exempel

Börja en bana, flytta till position 0,0. Skapa en linje som når positionen 300,150:

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

JavaScript:

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

Prova själv

Syntax

context.moveTo(x,y);

Parametervärde

Parameter Beskrivning
x x-koordinaten för måltillfället för stigen
y y-koordinaten för måltillfället för stigen

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.