Manuale di riferimento HTML

Completo elenco tag HTML

Metodo moveTo() su canvas HTML

moveTo() è il metodo dell'API Canvas 2D che sposta l'inizio di un nuovo percorso ai coordinate (x, y).

Esempio online

Inizia una nuova traccia, muovi a posizione 0,0. Crea una linea che raggiunge la posizione 300,150:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo del metodo moveTo() su canvas HTML - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag canvas HTML5.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
</script>
</body>
</html>

Testa per vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano moveTo() Metodo.

Attenzione:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

Il metodo moveTo() sposta il percorso al punto specificato sul canvas senza creare una linea.

Suggerimento:Utilizzare stroke() Il metodo disegna un percorso esatto sul canvas.

Sintassi JavaScript:	context.moveTo(x,y);

Valore del parametro

Parametro	Descrizione
x	L'asse x della posizione di destinazione del percorso.
y	L'asse y della posizione di destinazione del percorso.

Manuale di riferimento per HTML canvas

HTML: <template> etichetta