Tutorial HTML DOM Canvas Object Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari
objek kanvas,Warna, gaya, dan bayangan,Gaya garis,empat persegi panjang,jalan,perubahan,teks,gambar render,operasi pixel,perpaduan,lain,sifat standar dan acara,Artikel terkait,
HTML DOM Canvas Object
objek kanvas
objek kanvas baru di HTML5.
HTML5 <canvas> tag digunakan untuk menggambar sebuah gambar (script biasanya JavaScript).
Kanvas Object Access
Anda dapat menggunakan getElementById () untuk mengakses <canvas> elemen:
var x = document.getElementById("myCanvas");
尝试一下
Membuat objek Canvas
Anda dapat menggunakan metode document.createElement () untuk membuat <canvas> elemen:
var x = document.createElement("CANVAS");
尝试一下
Catatan: <canvas> elemen itu sendiri tidak memiliki kemampuan untuk menarik (itu adalah hanya sebuah wadah grafis) - Anda harus menggunakan script untuk melakukan tugas menggambar yang sebenarnya.
Metode getContext () mengembalikan sebuah objek yang menyediakan metode dan properti untuk menggambar di kanvas.
Panduan ini memberikan sifat getContext lengkap dan metode ( "2d") objek yang dapat digunakan untuk menggambar teks, garis, kotak, lingkaran, dsb di kanvas.
Warna, gaya, dan bayangan
Gaya garis
empat persegi panjang
jalan
perubahan
teks
gambar render
operasi pixel
属性 |
描述 |
width |
返回 ImageData 对象的宽度。 |
height |
返回 ImageData 对象的高度。 |
data |
返回一个对象,其包含指定的 ImageData 对象的图像数据。 |
perpaduan
lain
方法 |
描述 |
save() |
保存当前环境的状态。 |
restore() |
返回之前保存过的路径状态和属性。 |
createEvent() |
|
getContext() |
|
toDataURL() |
|
sifat standar dan acara
objek kanvas juga mendukung standar atribut dan peristiwa .
Artikel terkait
HTML Tutorial: HTML <Canvas> elemen