Artikel ini terutama memperkenalkan penggunaan HTML5 murni untuk menulis kode berbagi jam di halaman web. Program ini sangat sederhana dan tidak memiliki tampilan digital pada jam. Ini murni mencerminkan ide -ide desain paling dasar. Teman yang membutuhkannya bisa merujuknya.
Apa yang perlu Anda ketahui:
Tag Canvas hanyalah wadah grafik dan Anda harus menggunakan skrip untuk menggambar grafik. Ukuran default: lebar 300px dan tinggi 150px;
Metode getContext () mengembalikan objek yang menyediakan metode dan properti untuk menggambar pada kanvas. - Dapatkan objek konteks.
Properti dan metode objek GetContext (2D) yang dapat digunakan untuk menggambar teks, garis, persegi panjang, lingkaran, dan lebih banyak lagi di kanvas.
Fillrect (L, T, W, H): Warna defaultnya adalah Black Strokerect (L, T, W, H): Sebuah persegi dengan perbatasan. Default satu perbatasan hitam piksel
Metode setInterval () memanggil fungsi atau menghitung ekspresi sesuai dengan periode yang ditentukan (dalam milidetik).
beginpath (): mendefinisikan jalur untuk memulai menggambar, yang menetapkan titik saat ini menjadi (0,0). Saat lingkungan kanvas pertama kali dibuat, beginpath ()
Metode disebut secara eksplisit.
ClosePath (): Akhir jalur gambar (menghubungkan titik awal dan titik akhir)
Menggambar lingkaran:
busur (x, y, jari -jari, radian awal, ujung radian, arah rotasi)
X, Y: Posisi mulai
Hubungan antara Radian dan Angle: Radian = Angle *Math.pi/180
Arah rotasi: searah jarum jam (default: false, counterclockwise: true)
Kode:
Kode XML/HTML Salin Konten ke Clipboard