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:

Browser anda tidak mendukung tag HTML5 canvas.

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

cuba sendiri

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>.