Pengetahuan asas kanvas

konteks: konteks ialah objek yang merangkumi banyak fungsi lukisan Kaedah untuk mendapatkan objek ini ialah var context =canvas.getContext("2d");

Mungkin 2d ini telah membangkitkan imaginasi semua orang, tetapi saya dukacita untuk memberitahu anda bahawa HTML5 tidak menyediakan perkhidmatan 3D.

Terdapat dua kaedah untuk melukis imej dengan elemen kanvas, iaitu

context.fill()//Fill

context.stroke()//Lukis sempadan

Gaya

: Sebelum melukis grafik, tetapkan gaya lukisan

context.fillStyle//Filled style

context.strokeStyle//Border style

context.lineWidth//Graphic border Width

Perwakilan warna:

Gunakan terus nama warna: "merah" "hijau" "biru"

Nilai warna tersuai Heksadesimal: "#EEEEFF"

rgb(1-255,1-255,1-255)

rgba(1-255,1-255,1-255, ketelusan)

Ia adalah sangat serupa dengan GDI, jadi rakan-rakan yang telah menggunakan GDI sepatutnya boleh bermula dengan cepat