Metode moveTo() canvas HTML

Definisi dan penggunaan

moveTo() Metode ini akan memindahkan jalur ke titik yang ditentukan di kanvas tanpa membuat garis.

Petunjuk:Gunakan stroke() Metode ini digunakan untuk menggambar jalur yang tepat di atas kanvas.

Contoh

Mulai jalur, pindah ke posisi 0,0. Buat jalur ke posisi 300,150:

Browser Anda tidak mendukung tag canvas HTML5.

JavaScript:

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

Coba sendiri

Sintaks

context.moveTo(x,y);

Nilai parameter

Parameter Deskripsi
x Kordinat x titik tujuan jalur
y Kordinat y titik tujuan jalur

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

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

Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.