Mae gan yr Elfen hon Fudd-daliadau dros Ddechnoleg Arall
Mae HTML5 yn cynnwys elfen gyffrous o'r enw CANVAS. Mae ganddo lawer o ddefnyddiau, ond er mwyn ei ddefnyddio mae angen i chi ddysgu rhywfaint o JavaScript, HTML, ac weithiau CSS.
Mae hyn yn golygu bod yr elfen CANVAS braidd yn ofidus i lawer o ddylunwyr, ac yn wir, mae'n debyg y bydd y rhan fwyaf yn anwybyddu'r elfen nes bod offer dibynadwy i greu animeiddiadau a gemau CANVAS heb wybod JavaScript.
Pa Canlyniad HTML5 sy'n cael ei ddefnyddio
Gall yr elfen HTML5 CANVAS gael ei ddefnyddio ar gyfer llawer o bethau a oedd yn flaenorol, roedd rhaid i chi ddefnyddio cais wedi'i embeddio fel Flash i gynhyrchu:
- graffeg ddeinamig
- gemau ar-lein ac all-lein
- animeiddiadau
- fideo rhyngweithiol a sain
Mewn gwirionedd, y prif reswm y mae pobl yn defnyddio'r elfen CANVAS oherwydd pa mor hawdd yw hi yw troi tudalen we plaen i gais gwe deinamig ac yna newid y cais hwnnw i mewn i app symudol i'w ddefnyddio ar ffonau smart a tabledi.
Os oes gennym ni Flash, Pam Ydym Ni'n Angen Cynfas?
Yn ôl y fanyleb HTML5, yr elfen CANVAS yw:
"... canvas bitmap sy'n dibynnu ar benderfyniad, y gellir ei ddefnyddio ar gyfer rendro graffiau, graffeg gemau, celf neu ddelweddau gweledol eraill ar y hedfan."Mae elfen CANVAS yn eich galluogi i dynnu graffiau, graffeg, gemau, celf a gweledol eraill ar y dudalen we mewn amser real.
Efallai eich bod yn meddwl y gallwn ni wneud hynny gyda Flash, ond mae yna ddau wahan mawr rhwng CANVAS a Flash:
- Mae'r elfen CANVAS wedi'i fewnosod yn gywir yn yr HTML. Mae'r sgriptiau sy'n tynnu arno naill ai yn yr HTML neu mewn ffeil allanol gysylltiedig. Mae hyn yn golygu bod elfen CANVAS yn rhan o'r model gwrthrych dogfen, neu DOM.
- Mae Flash yn ffeil allanol fewnol. Mae'n defnyddio naill ai'r elfen EMBED neu'r OBJECT i'w arddangos, ac ni allant ryngweithio'n uniongyrchol â'r elfennau HTML eraill. Gan fod yr elfen CANVAS yn rhan o'r DOM, gall ryngweithio â'r DOM mewn sawl ffordd.
- Er enghraifft, efallai y byddwch yn creu animeiddiad sy'n newid pan fydd rhyw ran arall o'r dudalen yn cael ei ryngweithio - fel elfen ffurf sy'n cael ei llenwi. Gyda Flash, y mwyaf y gallech chi ei wneud fyddai dechrau'r ffilm Flash neu'r animeiddiad, ond gyda CANVAS y gallech greu llawer o wahanol effeithiau, hyd yn oed ychwanegu'r testun o faes y ffurflen i'r animeiddiad.
- Mae elfen CANVAS yn cael ei gefnogi'n naturiol gan borwyr gwe. Er mwyn i ddefnyddwyr ddefnyddio Flash mewn gwirionedd, mae'n rhaid bod eu porwr wedi gosod yr ategyn. Yn aml, mae hyn yn drafferth i'r rhan fwyaf o bobl oherwydd y bydd Flash yn hen eu gosod neu y ffaith nad yw eu system weithredol yn ei gefnogi yn syml.
- Roedd yn arfer bod pob porwr wedi gosod yr ategyn, ond nid dyna'r achos mwyach, ac mae llawer ohonynt hyd yn oed yn dileu'r ategyn oherwydd anawsterau. Hefyd, nid yw hyd yn oed ar gael ar y llwyfan iOS poblogaidd.
Mae Canvas yn ddefnyddiol hyd yn oed os na fyddwch byth wedi'i gynllunio i ddefnyddio Flash
Un o'r prif resymau pam fod yr elfen CANVAS mor ddryslyd yw bod llawer o ddylunwyr wedi dod i mewn i we gyfan gwbl sefydlog. Gellid animeiddio delweddau, ond mae hyn wedi'i wneud gyda GIF, ac wrth gwrs gallwch chi fewnosod fideo i mewn i dudalennau ond eto, mae'n fideo sefydlog sy'n syml yn eistedd ar y dudalen ac efallai y bydd yn dechrau neu'n rhoi'r gorau iddi oherwydd rhyngweithio, ond dyna'r cyfan.
Mae'r elfen CANVAS yn caniatáu ichi ychwanegu cymaint o ryngweithiad â'ch tudalennau gwe oherwydd nawr gallwch reoli'r graffeg, delweddau a thestun yn ddeinamig gydag iaith sgriptio. Mae'r elfen CANVAS yn eich helpu i droi delweddau, lluniau, siartiau a graffiau yn elfennau animeiddiedig.
Pryd i Ystyried Defnyddio'r Elfen Canvas
Dylai eich cynulleidfa fod yn eich ystyriaeth gyntaf wrth benderfynu a ddylid defnyddio'r elfen CANVAS.
Os yw'ch cynulleidfa yn bennaf yn defnyddio Windows XP a IE 6, 7, neu 8, yna bydd creu nodwedd gynfas deinamig yn ddi-waith gan nad yw'r porwyr hynny yn ei gefnogi.
Os ydych chi'n adeiladu cais a fydd yn cael ei ddefnyddio ar beiriannau Windows yn unig, yna gallai Flash fod yn eich bet gorau. Gallai cais i'w ddefnyddio ar gyfrifiaduron Windows a Mac elwa ar gais Silverlight.
Fodd bynnag, os oes angen edrych ar eich cais ar ddyfeisiau symudol (Android a iOS) yn ogystal â chyfrifiaduron penbwrdd modern (wedi'u diweddaru i'r fersiynau porwr diweddaraf), yna mae defnyddio elfen CANVAS yn ddewis da.
Cofiwch fod defnyddio'r elfen hon yn eich galluogi i gael opsiynau gwrthdaro fel delweddau sefydlog ar gyfer porwyr hŷn nad ydynt yn ei gefnogi.
Fodd bynnag, ni argymhellir defnyddio cynfas HTML5 i bopeth. Ni ddylech byth ei ddefnyddio ar gyfer pethau fel eich logo, pennawd, neu lywio (er y byddai ei ddefnyddio i animeiddio cyfran o rai o'r rhain yn iawn).
Yn ôl y fanyleb, dylech ddefnyddio'r elfennau mwyaf addas ar gyfer yr hyn yr ydych yn ceisio ei adeiladu. Felly mae'n well gan ddefnyddio elfen HEADER ynghyd â delweddau a thestun i elfen CANVAS ar gyfer eich pennawd a'ch logo.
Hefyd, os ydych chi'n creu tudalen we neu gais y bwriedir ei ddefnyddio mewn cyfrwng nad yw'n rhyngweithiol fel argraffu, dylech fod yn ymwybodol na all yr elfen CANVAS sydd wedi'i ddiweddaru'n ddeinamig argraffu fel y disgwyliwch. Efallai y byddwch yn cael argraff o'r cynnwys cyfredol neu'r cynnwys gwrth-droi.