HTML5 Canvas Free Tutorial 1.0
Je het binnen 5 seconden downloaden.
Over HTML5 Canvas Free Tutorial
Het element is slechts een container voor afbeeldingen. U moet een script gebruiken om de afbeeldingen daadwerkelijk te tekenen. Een canvas is een rechthoekig gebied en het heeft verschillende methoden voor het tekenen van paden, vakken, cirkels, tekens en het toevoegen van afbeeldingen.
Het element is een nieuw HTML5-markeringselement waarmee u in een webpagina tekenen zonder DOM-API's of plug-ins (Document Object Model) te gebruiken. Hoewel enigszins nieuw, het element is overgenomen door de meeste moderne browsers.
In plaats van afbeeldingen op het scherm te maken met HTML-elementen en andere markeringen met CSS-styling, maakt Canvas het tekenen van afbeeldingen direct met JavaScript-opdrachten mogelijk, zoals drawRect, fill en drawImage. Daarnaast is het mogelijk om pixels direct te manipuleren om afbeeldingen te wijzigen en speciale effecten te creëren. Hoewel Canvas momenteel een 2D-teken-API is, is 3D-ondersteuning gepland voor toekomstige releases.
Opmerking: - Het element heeft geen eigen tekenvermogen - Alle tekenen moeten worden gedaan in JavaScript. Standaard heeft het element geen rand en geen inhoud - De optionele fallback_content wordt weergegeven door browsers die de canvastag niet ondersteunen - Maakt het tekenen van afbeeldingen direct mogelijk zonder zijn toevlucht te nemen tot
of CSS-trucs - Canvas is een webstandaard, ondersteund door de meeste browsers, met compatibele implementaties - Het doek is een tweedimensionaal raster. - Gemakkelijker hardware versneld wat resulteert in snelle animaties - De linkerbovenhoek van het doek heeft coördinaat (0,0) - In de toekomst zal Canvas andere contexten ondersteunen dan '2d', zoals de in behandeling zijnde WebGL-spec voor 3D-afbeeldingen.