HTML canvas arcTo () metode
contoh
Pada kanvas untuk membuat busur antara dua garis singgung antara:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
Coba »
Dukungan Browser
Internet Explorer 9, dukungan Firefox, Chrome dan Safari arcTo () metode.
Catatan: Opera tidak mendukung () metode arcTo.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode arcTo () menciptakan antara busur / kurva antara dua garis singgung di kanvas.
Tip: Gunakan stroke () metode untuk menarik busur tepat di kanvas.
| sintaks JavaScript: | konteks .arcTo (x1, y1, x2, y2, r); |
|---|
Nilai parameter
| 参数 | 描述 |
|---|---|
| x1 | 弧的起点的 x 坐标。 |
| y1 | 弧的起点的 y 坐标。 |
| x2 | 弧的终点的 x 坐标。 |
| y2 | 弧的终点的 y 坐标。 |
| r | 弧的半径。 |
Pedoman kanvas Referensi HTML