HTML5 Canvas Free Tutorial 1.0
Pobieranie będzie można pobrać w ciągu 5 sekund.
O HTML5 Canvas Free Tutorial
Element jest tylko kontener dla grafiki. Aby narysować grafikę, należy użyć skryptu. Kanwa jest prostokątnym obszarem i ma kilka metod rysowania ścieżek, pól, okręgów, znaków i dodawania obrazów.
Element jest nowym elementem znaczników HTML5, który umożliwia rysowanie na stronie internetowej bez użycia interfejsów API modelu obiektu dokumentu (DOM) lub wtyczek. Chociaż nieco nowy, element został przyjęty przez większość nowoczesnych przeglądarek.
Zamiast tworzyć grafikę na ekranie przy użyciu elementów HTML i innych znaczników ze stylem CSS, Canvas umożliwia rysowanie grafiki bezpośrednio za pomocą poleceń JavaScript, takich jak drawRect, fill i drawImage. Ponadto możliwe jest bezpośrednie manipulowanie pikselami w celu modyfikowania obrazów i tworzenia efektów specjalnych. Chociaż canvas jest obecnie interfejsem API rysowania 2D, wsparcie 3D jest planowane dla przyszłych wydań.
Uwaga: - Element nie posiada własnych zdolności rysowania - Wszystkie rysunki muszą być wykonane wewnątrz JavaScript. Domyślnie element nie ma obramowania ani zawartości - Opcjonalny fallback_content jest renderowany przez przeglądarki, które nie obsługują znacznika kanwy - Umożliwia rysowanie grafiki bezpośrednio bez konieczności uciekania się do
lub sztuczki CSS - Canvas to standard internetowy, obsługiwany przez większość przeglądarek, z kompatybilnymi implementacjami - Płótno jest siatką dwuwymiarową. - Łatwiej przyspieszać sprzętowo, co powoduje szybkie animacje - Lewy górny róg płótna ma współrzędną (0,0) - W przyszłości Canvas będzie obsługiwać konteksty inne niż "2d", takie jak oczekująca specyfikacja WebGL dla grafiki 3D.