Canvas moveTo() -menetelmä

Määrittely ja käyttö

moveTo() metodi siirtää polun taululle määritettyyn pisteeseen ilman viivan luomista.

Vinkki:Käytä stroke() metodi piirtää tarkan polun taululle.

esimerkki

Aloita polku siirtymällä kohtaan 0,0. Luo viiva, joka menee kohtaan 300,150:

Selaimesi ei tue HTML5 canvas -tagia.

JavaScript:

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

kokeile itse

syntaksi

context.moveTo(x,y);

parametrien arvot

parametrit kuvaus
x Polun kohdepaikan x-akselin arvo
y Polun kohdepaikan y-akselin arvo

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

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

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas>-elementtiä.