Il miglior tutorial Oggetto HTML DOM Canvas Nel 2024, in questo tutorial puoi imparare
oggetto Canvas,Colore, stile, e le ombre,Stile linea,rettangolo,sentiero,cambiamento,testo,rendering delle immagini,le operazioni di Pixel,sintesi,altro,proprietà ed eventi standard,articoli correlati,
Oggetto HTML DOM Canvas
oggetto Canvas
oggetto Canvas è nuovo in HTML5.
HTML5 tag <canvas> è usato per disegnare una immagine (uno script è di solito JavaScript).
Accesso Canvas Object
È possibile utilizzare getElementById () per accedere al elemento <canvas>:
var x = document.getElementById("myCanvas");
尝试一下
Creare un oggetto Canvas
È possibile utilizzare il metodo document.createElement () per creare un elemento <canvas>:
var x = document.createElement("CANVAS");
尝试一下
Nota: <canvas> elemento sé non ha la capacità di disegnare (è solo un contenitore di grafica) - È necessario utilizzare uno script per fare il compito vero e proprio disegno.
Metodo getContext () restituisce un oggetto che fornisce metodi e proprietà per il disegno sulla tela.
Questo manuale fornisce una proprietà getContext completi e metodi ( "2D") oggetto che può essere usato per disegnare il testo, linee, rettangoli, cerchi, ecc sulla tela.
Colore, stile, e le ombre
Stile linea
rettangolo
sentiero
cambiamento
testo
rendering delle immagini
le operazioni di Pixel
属性 |
描述 |
width |
返回 ImageData 对象的宽度。 |
height |
返回 ImageData 对象的高度。 |
data |
返回一个对象,其包含指定的 ImageData 对象的图像数据。 |
sintesi
altro
方法 |
描述 |
save() |
保存当前环境的状态。 |
restore() |
返回之前保存过的路径状态和属性。 |
createEvent() |
|
getContext() |
|
toDataURL() |
|
proprietà ed eventi standard
oggetto Canvas supporta anche lo standard attributi ed eventi .
articoli correlati
HTML Tutorial: HTML elemento <canvas>