Kurva gambar dasar kanvas html5

<Canvas> </ Canvas> adalah label yang baru ditambahkan di HTML5 untuk menggambar grafik. Kontrol objek untuk menggambar.

<Canvas> </ Canvas> hanyalah grafik yang digambar wadah. Ada tiga langkah untuk menggambar pada elemen <Canvas>>:

1. Dapatkan objek DOM yang sesuai dengan elemen <an Canvas>, yang merupakan objek kanvas;

2. Hubungi metode getContext () objek Canvas untuk mendapatkan objek CanvasrendingContext2D;

3. Hubungi objek CanvasrenderCerContext2D untuk menggambar.

Menggambar kurva

Ada empat fungsi dengan kurva gambar, yaitu:

• Context.arc (X, Y, R, Sangle, Eangle, Counterclockwise); Menerima parameter makna:

Parameter |

|. --- |: --- |

x.

|

|

Sange Sangle |

Sudut akhir |

| Itu harus dicat berlawanan arah jarum jam atau searah jarum jam. False = searah jarum jam, true = berlawanan arah jarum jam |

Di bawah ini adalah beberapa contoh beberapa fungsi arc ():

Kode javascript menyalin konten ke clipboard