HTML5, vászon elem

Első pillantásra, a használata a vásznon tűnhet MS Paint programot beilleszteni a böngésző ablakban. De miután ásott mélyebb, kiderül, hogy a vásznon - a legfontosabb összetevő számos fejlett grafikus alkalmazásokhoz, beleértve néhány alkalmazás, amelyek akkor valószínűleg maguk gondoltak - játékok, térképészeti eszközöket és dinamikus grafika, és olyanokat is, nem tudtuk elképzelni - a zene és a fény show és emulátorok fizikai folyamatokat.

A nem túl távoli múltban, a teremtés ilyen alkalmazások segítsége nélkül bővítő modulok, mint a Flash, rendkívül nagy kihívást jelent. Ma a vászon hirtelen teszi ezeket az alkalmazásokat lehetséges, természetesen, ha készen áll a további időt és költséget az intellektuális.

Alapvető jellemzői Vászon

elem Ez biztosítja a munkaterület a rajzoláshoz. Szempontjából elrendezés, könnyű, hogy korlátozza az elem három attribútumok - id, szélessége és magassága:

A méretei a vásznon mindig kell telepíteni a szélesség és magasság Attribútumai az , használata helyett a szélessége és magassága a táblázat stílusok. Ellenkező esetben, ha problémák lehetnek a torzítás számok.

Általában a vásznon jelenik meg egy üres doboz keret nélkül, azaz, ez egyáltalán nem látható. Ahhoz, hogy a vásznon látható, stíluslapoknak úgy lehetséges, hogy egy színes háttér vagy keret, amint azt az alábbi kódot:

Ez az eredmény, ami a kiindulási pont az általunk vizsgált Canvas az alábbiak szerint:

HTML5, vászon elem

A kontextus lehet tekinteni, mint a nehéz rajzeszköz, amely végrehajtja az összes szükséges műveleteket, mint például létre egy téglalapot, szöveget nyomtat, Képek, stb Ez olyasmi, mint egy univerzális műhely festmény műveleteket a vásznon.

Az a tény, hogy a kontextus egyértelműen úgynevezett kétdimenziós (a kód a továbbiakban: „2d”), ad okot, hogy a nyilvánvaló kérdést, nevezetesen azt, hogy van egy háromdimenziós rajz kontextusban? A válasz erre a kérdésre - még nincs, de egyértelmű, hogy a HTML5 alkotók elhagyta a helyet, hogy jöjjön érte.

Szerezd meg a környezeti objektum, és kezdjen rajzolni bármikor, például azonnal az oldal betöltődik, ha a felhasználó rákattint a képre, stb Valószínűleg már alig várom, hogy hozzon létre egy oldalt, amelyen hogy haladéktalanul gyakorlati munka a vásznon. Az alábbi felsorolás mutatja be a kódot, hogy hozzon létre egy sablont:

A jelölő rész