Ez az elem előnyös szerepet tölt be az egyéb technológiákban
A HTML5 egy izgalmas elemet tartalmaz CANVAS néven. Sok felhasználási módja van, de annak használatához meg kell tanulnia néhány JavaScriptet, HTML-t és néha CSS-t.
Ez a CANVAS elemet kissé ijesztővé teszi sok tervező számára, sőt, a legtöbb valószínűleg figyelmen kívül hagyja az elemet, amíg megbízható eszközök nem állnak rendelkezésre CANVAS animációk és játékok létrehozása nélkül JavaScript JavaScript.
Milyen HTML5 vászon használatos
A HTML5 CANVAS elemet sok olyan dologhoz lehet használni, amelyek korábban olyan beágyazott alkalmazást kellett használnia, mint a Flash, hogy generáljon:
- dinamikus grafika
- online és offline játékok
- animációk
- interaktív videó és hang
Valójában a fő oka annak, hogy az emberek a CANVAS elemet használják, annak köszönhetően, hogy egyszerű egy egyszerű weboldal dinamikus webalkalmazássá alakítása, majd az alkalmazás átalakítása mobilalkalmazássá az okostelefonok és a táblagépek számára.
Ha van Flash, miért kell vászon?
A HTML5 specifikáció szerint a CANVAS elem a következő:
"... egy felbontásfüggő bitképes vászon, amelyet grafikus ábrázolások, játékgrafikák, művészetek vagy más vizuális képek megjelenítéséhez használhatunk."A CANVAS elem segítségével grafikonokat, grafikákat, játékokat, műveket és egyéb képeket rajzolhat közvetlenül a weboldalon valós időben.
Lehet, hogy azt gondoljuk, hogy ezt Flash-el már megtehetjük, de a CANVAS és a Flash között két nagy különbség van:
- A CANVAS elem közvetlenül a HTML-be van beágyazva. A rajzra rajzolt szkriptek vagy a HTML-ben vagy a kapcsolódó külső fájlban vannak. Ez azt jelenti, hogy a CANVAS elem része a dokumentumobjektum-modellnek vagy a DOM-nak.
- A Flash egy beágyazott külső fájl. Használja az EMBED vagy az OBJECT elemet a megjelenítéshez, és nem képes közvetlenül kapcsolatba lépni más HTML elemekkel. Mivel a CANVAS elem része a DOM-nak, sokféleképpen képes együttműködni a DOM-dal.
- Például létrehozhat egy olyan animációt, amely megváltozik, ha az oldal egy másik része érintkezik - pl. Egy űrlapelem betöltése. A Flash alkalmazással a legtöbb, amit tehettél, a Flash film vagy animáció elindítása lenne, de a A CANVAS különböző hatásokat hozhat létre, még az űrlapmező szövegét az animációba is beillesztve.
- A CANVAS elem natív webes böngészők által támogatott. Annak érdekében, hogy a felhasználók valóban használják a Flash-t, böngészőjüknek telepítve kell lennie a beépülő modulnak. Ez gyakran a legtöbb ember számára kellemetlenség az elavult Flash telepítések miatt, vagy az, hogy operációs rendszere egyszerűen nem támogatja.
- Korábban az volt, hogy minden böngésző beépítette a plugint, de ez már nem így van, és sokan még eltávolítják a plugint a nehézségek miatt. Ráadásul ez még nem érhető el a népszerű iOS platformon.
A vászon akkor is hasznos, ha soha nem tervezte a Flash használatát
Az egyik fő oka annak, hogy a CANVAS elem annyira zavaros, hogy sok tervezőt használtak egy teljesen statikus webre. A képek animálhatók, de ez GIF-vel történik, és természetesen beágyazhatja a videókat oldalakba, de ismét ez egy statikus videó, amely egyszerűen csak az oldalra ül, és esetleg elindul vagy leáll az interakció miatt, de ez minden.
A CANVAS elem lehetővé teszi, hogy sokkal több interaktivitást adjunk a weboldalainknak, mert most már grafikusan, képeken és szövegeken keresztül szabályozhatjuk a forgatónyelvet. A CANVAS elem segítségével képek, fotók, grafikonok és grafikonok animált elemekké alakíthatók.
Ha figyelembe vesszük a vászonelem használatát
A közönségnek elsődleges fontosságúnak kell lennie a CANVAS elem használatának eldöntésekor.
Ha a közönség elsősorban Windows XP és IE 6, 7 vagy 8 használatát használja, akkor a dinamikus vászonkép létrehozása értelmetlen lesz, mivel ezek a böngészők nem támogatják azt.
Ha olyan alkalmazást készít, amelyet csak a Windows gépeken fog használni, akkor a Flash lehet a legjobb fogadása. A Windows és Mac számítógépeken használható alkalmazás előnyös lehet egy Silverlight alkalmazásban.
Ha azonban alkalmazását mobileszközökön (Android és iOS), valamint modern asztali számítógépeken (frissítve a legújabb böngészőverziókra) kell megtekinteni, akkor a CANVAS elem használata jó választás.
Ne feledje, hogy ennek az elemnek a használata lehetővé teszi, hogy olyan tartalék beállításokat használjon, mint a statikus képek a régebbi böngészők számára, amelyek nem támogatják azt.
Azonban nem ajánlott mindent használni HTML5 vászonra. Soha ne használj olyan dolgokra, mint a logó, a címsor vagy a navigáció (habár az animáció használatával ezek bármelyik része rendben lenne).
A specifikáció szerint olyan elemeket kell használnia, amelyek a legmegfelelőbbek az építéshez. Tehát a HEADER elem használata a képek mellett, a szöveg pedig a fejléc és a logó CANVAS eleméhez képest előnyösebb.
Továbbá, ha olyan weboldalt vagy alkalmazást hoz létre, amelyet nem interaktív médiumban kíván használni, például a nyomtatást, akkor ügyelni kell arra, hogy a dinamikusan frissített CANVAS elem nem várható az elvárásoknak megfelelően. Lehet, hogy kinyomtatja az aktuális tartalmat vagy a tartalék tartalmat.