Canvas moveTo() methode
definitie en gebruik
moveTo() methode verplaatst het pad naar de gespecificeerde punten op het canvas zonder een lijn te maken.
tip:Gebruik stroke() methode om exacte paden te tekenen op het canvas.
voorbeeld
Begin een pad, verplaats naar positie 0,0. Maak een lijn naar positie 300,150:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
grammatica
context.moveTo(x,y);
parameterwaarde
| parameter | beschrijving |
|---|---|
| x | De x-coördinaat van het doelwit van het pad |
| y | De y-coördinaat van het doelwit van het pad |
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Opmerking:Internet Explorer 8 en oudere versies ondersteunen geen <canvas> element.
