Latest web development tutorials

HTML <canvas> tag

Przykłady

Przez <canvas> elementu, aby wyświetlić czerwony prostokąt:

<canvas id = "myCanvas"> </ canvas> <script type = "text / javascript"> var canvas = document.getElementById ( 'myCanvas "); var ctx = canvas.getContext (" 2d "); ctx.fillStyle =" # FF0000 "; ctx.fillRect (0,0,80,100 ); </ script>

Spróbuj »

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome i wsparcie Safari <canvas> tag.

Uwaga: IE 8 lub wcześniejsze wersje IE nie obsługuje <canvas> tag.


definicje i instrukcje Tag

<Canvas> tag rysować grafiki (takie jak wykresy i innych obrazów) do skryptów (zazwyczaj JavaScript).

<Canvas> jest graficznym opakowania, należy użyć skryptu do rysowania grafiki.


Różnice między HTML 4.01 i HTML5

<Canvas> jest nowym w tagów HTML5.


Porady i wskazówki

UWAGA: <canvas> element będzie wyświetlony w żadnym tekście nie obsługuje <canvas> przeglądarkę.

Wskazówka: Jeśli chceszpoznać wszystkie właściwości obiektu canvas i metod, patrz instrukcja HTML canvas Reference .


nieruchomość

Nowość: HTML5 nowy obiekt.

属性 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

Właściwości ogólne

<Canvas> obsługuje HTML właściwości globalnych .


Właściwości zdarzenia

<Canvas> obsługuje właściwości zdarzeń HTML .