[HTML5] Podstawy pracy z Canvas

Element Canvas pojawił się dopiero w HTML5. Służy on do rysowania grafiki w oknie przeglądarki bezpośrednio za pomocą Javascriptu. Sam z siebie jest w HTML5 jedynie pustym polem, w którym następnie za pomocą odpowiednich metod w Javascripcie rysować możemy dynamicznie dane elementy. Możliwości elementu Canvas jeśli chodzi o rysowane obiekty są praktycznie nieograniczone i zależą jedynie od programisty. Podobnie jak w przypadku biblioteki GD w języku PHP mamy tutaj zestaw kilku predefiniowanych metod slużących do generowania podstawowych kształtów, co za tym idzie - tworząc ich kombinacje jesteśmy w stanie wygenerować właściwie dowolny obiekt.

W artykule tym przyjrzymy się podstawom generowania takiej grafiki za pomocą Canvas i javascriptowych metod. Narysujemy sobie kilka podstawowych kształtów i omówimy jak to wszystko mniej więcej działa.

[CHEATSHEET] HTML5 - Canvas

/6 części/

https://googledrive.com/host/0B4Mb4UIYUBbkZkZmUzBLZmpaMDQ 

[CHEATSHEET] HTML Entities

http://www.html.su/entities.html

[CHEATSHEET] HTML

http://overapi.com/html/

[CHEATSHEET] HTML DOM

http://overapi.com/html-dom/