Metode Canvas quadraticCurveTo()
Definisi dan penggunaan
quadraticCurveTo() Metode untuk menambah titik ke jalur saat ini dengan menggunakan titik pengawal garis kривая quadratic yang ditentukan.
Panduan:Garis kривая quadratic memerlukan dua titik. Titik pertama adalah titik pengawal untuk kalkulasi quadratic Bezier, dan titik kedua adalah titik akhir garis. Titik mula garis adalah titik terakhir dalam jalur saat ini. Jika jalur tidak ada, gunakan beginPath() dan moveTo() Metode untuk menentukan titik mula.
- Titik mula: moveTo(
20,20) - Titik pengawal: quadraticCurveTo(
20,100,200,20) - Titik akhir: quadraticCurveTo(20,100,
200,20)
Panduan:Lihat Metode bezierCurveTo()。Ia mempunyai dua titik pengawal, bukan hanya satu.
Contoh
Garis kривая quadratic Bezier:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();
Sintaks
context.quadraticCurveTo(cpx,cpy,x,y);
Nilai parameter
| Parameter | Penerangan |
|---|---|
| cpx | Kordinat x titik pengawal Bezier. |
| cpy | Kordinat y titik pengawal Bezier. |
| x | Kordinat x titik akhir. |
| y | Kordinat y titik akhir. |
Dukungan perekap
Terdapat nombor di dalam tabel yang menandakan versi perekap yang penuh mendukung sifat ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komen:Internet Explorer 8 dan versi yang lebih awal tidak mendukung elemen <canvas>.
