Metode Canvas arcTo()
Definisi dan penggunaan
arcTo()
Metode untuk mencipta bujur/curva di atas kanvas antara dua garis tangens.
Petunjuk:Gunakan stroke() Metode untuk lukisan bujur tepat di atas kanvas.
contoh
Mencipta bujur di atas kanvas antara dua garis tangens:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.beginPath(); ctx.moveTo(20,20); // mencipta titik permulaan ctx.lineTo(100,20); // mencipta garis horizontal ctx.arcTo(150,20,150,70,50); // mencipta bujur ctx.lineTo(150,120); // mencipta garis vertikal ctx.stroke(); // melaksanakan lukisan
syarat
context.fillRect(x1,y1,x2,y2,r);
nilai parameter
parameter | deskripsi |
---|---|
x1 | koordinat X titik permulaan bujur |
y1 | koordinat Y titik permulaan bujur |
x2 | koordinat X penggantian bujur |
y2 | Koordinat y akhir lingkaran |
r | Jari-jari lingkaran |
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung sifat 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>.