Tani Server

Wprowadzenie do Canvas 2D API

Element jest jeszcze częścią specyfikacji HTML5, ale 2D API rysunek został już przeniesiony do osobnego dokumentu.
ma mnóstwo funkcji, takich jak:

rysowania kształtów,
kolorów wypełnienia,
tworzenia gradientów i wzorów,
renderowanie tekstu,
kopiowania obrazów, ramek wideo i innych przestrzeni,
manipulacji pikselami, a także możliwość
eksportu zawartości do statycznego pliku.

W rzeczywistości, API canvas jest na tyle ciekawe, nie byłbym zaskoczony, gdybym zobaczył całe książki niemu poświęcone.
Ważne podczas pracy z aby traktować go jako prawdziwe płótno malarskie Element jest bitmapą API do rysowania. Cztery przeglądarki z wielkiej piątki wspierają canvas. Oczywiście brakuje IE8, ale jest nadzieja że IE9 będzie wspierać canvas. W rzeczywistości obsługuje sprzętową akcelerację rysowania na płótnie.

Istnieją inne alternatywy dla canvas.
SVG jest alternatywą dla API do rysowania. SVG jest wektorowe i obsługuje wartwy. W SVG istnieje również DOM, dzięki czemu można łatwo dołączyć do obsługi zdarzeń dla interaktywności i łatwiej radzić sobie z detekcją kolizji (w grach np. przykład). Wspiera on także animację zarówno poprzez SMIL lub JavaScript. Jest doskonała biblioteka Javascript o nazwie Raphael, która używa SVG do renderowania obrazów i animacji.
Element jest niezłym rozwiązaniem do manipulacji na poziomie pojedynczego piksela.
Element sam w sobie to niewidzialny blok miejsca, domyślnie 300 x150 pikseli ( we wszystkich przeglądarkach):

Teraz więc mamy puste płótno przed nami. Aby rysować, musimy mieć rysunek, który możemy uzyskać za pomocą JavaScript.