Najlepszy samouczek DOM HTML Canvas Object W 2024 r. W tym samouczku możesz dowiedzieć się
obiekt na płótnie,Kolor, styl i cienie,Styl linii,prostokąt,ścieżka,zmiana,tekst,renderowania obrazu,operacje Pixel,synteza,inny,Właściwości standardowe i wydarzenia,Powiązane artykuły,
DOM HTML Canvas Object
obiekt na płótnie
Płótno jest nowy obiekt w HTML5.
HTML5 <canvas> tag służy do rysowania obrazu (skrypt jest zazwyczaj JavaScript).
Dostęp do obiektu Canvas
Można użyć getElementById (), aby uzyskać dostęp do elementu <canvas>:
var x = document.getElementById("myCanvas");
尝试一下
Tworzenie obiektu Canvas
Można użyć metody document.createElement () w celu utworzenia elementu <canvas>:
var x = document.createElement("CANVAS");
尝试一下
Uwaga: <canvas> elementu sama nie posiada zdolności do rysowania (jest tylko graficznym kontener) - Musisz użyć skryptu zrobić rzeczywiste zadania rysunkowego.
Metoda getContext () zwraca obiekt, który zapewnia metody i właściwości do rysowania na płótnie.
Instrukcja ta stanowi kompletne właściwości getContext i metod ( "2d") obiekt, który może być użyty do rysowania tekstu, linie, prostokąty, koła, itp na płótnie.
Kolor, styl i cienie
Styl linii
prostokąt
ścieżka
zmiana
tekst
renderowania obrazu
operacje Pixel
属性 |
描述 |
width |
返回 ImageData 对象的宽度。 |
height |
返回 ImageData 对象的高度。 |
data |
返回一个对象,其包含指定的 ImageData 对象的图像数据。 |
synteza
inny
方法 |
描述 |
save() |
保存当前环境的状态。 |
restore() |
返回之前保存过的路径状态和属性。 |
createEvent() |
|
getContext() |
|
toDataURL() |
|
Właściwości standardowe i wydarzenia
Obiekt Canvas obsługuje również standardowe atrybuty i wydarzenia .
Powiązane artykuły
Kurs HTML: HTML <canvas> elementu