Энэ Элемент нь бусад Технологиас давуу талтай
HTML5 нь CANVAS хэмээх сэтгэл хөдөлгөм элементийг агуулдаг. Энэ нь маш олон хэрэглээтэй, гэхдээ үүнийг ашиглахын тулд та JavaScript, HTML, заримдаа CSS хэрэгтэй.
Энэ нь CANVAS элемент нь олон дизайнеруудын хувьд жаахан хэцүү болгодог бөгөөд үнэн хэрэгтээ ихэнх нь CANVAS анимац, тоглоомыг мэдэхгүйгээр найдвартай хэрэгсэл болох хүртэл элементийг үл тоомсорлож магадгүй юм.
Ямар HTML5 зураг ашиглаж байна
HTML5 CANVAS элемент нь урьд өмнө байсан зүйлсийн хувьд ашиглагдаж болох бөгөөд та Flash гэх мэт суулгагдсан програмыг ашиглах ёстой байсан юм:
- динамик график
- онлайн болон офлайн тоглоомууд
- хөдөлгөөнт дүрс
- интерактив видео болон аудио
Үнэн хэрэгтээ хүмүүс CANVAS элементийг ашигладаг гол шалтгаан нь энгийн вэб хуудсыг динамик вэб аппликейшн болгон хувиргахад хялбар бөгөөд энэ аппликейшнийг смартфон, таблет дээр ашиглахад зориулсан гар утасны апп болгон хөрвүүлэх явдал юм.
Хэрэв бид Flash байвал бид яагаад Canvas хэрэгтэй байна вэ?
HTML5 тодорхойлолтоор бол CANVAS элемент нь:
"... дүрсний зураг, тоглоомын график, урлаг, бусад үзүүлэнгүүдийг үзүүлэхэд ашиглаж болох битма зураг бүхий нарийвчилсан зураг."CANVAS элемент нь график, график, тоглоом, урлаг, бусад визуалуудыг вэб хуудсан дээр зөв байрлуулах боломжийг танд олгоно.
Та Flash дээр аль хэдийн үүнийг хийж чадна гэж бодож байж болох ч CANVAS болон Flash-ийн хооронд хоёр гол ялгаа байдаг:
- CANVAS элемент нь HTML-д яг таарч байна. Үүн дээр тулгуурласан скриптүүд нь HTML эсвэл доторх холбоотой гадаад файлд байна. Энэ нь CANVAS элемент нь баримт бичгийн объектын загвар эсвэл DOM-ийн хэсэг юм гэсэн үг юм.
- Флэш бол гадаад файл юм. Энэ нь харуулсан EMBED эсвэл OBJECT элементийг ашиглаж байгаа бөгөөд бусад HTML элементүүдтэй шууд харилцаж чадахгүй. CANVAS элемент нь DOM-ийн нэг хэсэг учраас DOM-тэй харилцан үйлчилж болно.
- Жишээлбэл, хуудасны бусад хэсгүүд нь бөглөх хэлбэрийн элементтэй харилцан үйлчилж байгаа үед хөдөлгөөнт дүрс үүсгэж болох юм. Flash-тай бол хамгийн их хийж чадах зүйл нь Flash кино эсвэл анимацийг эхлүүлэх явдал юм. CANVAS та олон янзын нөлөөг үүсгэж чадна.
- CANVAS элемент нь вэб хөтөчөөр эх сурвалжтай байдаг. Хэрэглэгчид Flash-ийг үнэхээр ашиглахын тулд тэдний хөтөч залгаас суулгасан байх ёстой. Энэ нь ихэвчлэн хуучирсан Flash суулгацууд эсвэл тэдгээрийн үйлдлийн систем нь үүнийг дэмждэггүйг ихэнх хүмүүст төвөгтэй байдаг.
- Браузер бүр залгаас суулгасан байсан ч энэ нь цаашид хэрэггүй болсон бөгөөд олон хүнд хэцүү байдлаас шалтгаалж залгаасыг арилгахад хүргэсэн. Plus, энэ нь түгээмэл iOS платформ дээр ч байхгүй.
Canvas чамайг ашиглахаар төлөвлөөгүй байсан ч гэсэн ашигтай байдаг
CANVAS-ийн элемент яагаад маш их төөрөлдсөн гол шалтгаануудын нэг нь олон дизайнерууд бүрэн статик вэбэд ашиглагддаг явдал юм. Зураг зурж болох боловч энэ нь GIF-тай хийгдсэн бөгөөд мэдээжийн хэрэг та хуудас руу видеог оруулж болно гэхдээ энэ нь хуудсан дээр ердөө л сууж буй статик видео бөгөөд харилцан үйлчлэлээсээ эхлэх эсвэл зогсоох магадгүй юм.
CANVAS элемент нь танд вэб хуудсандаа маш их интерактив нэмэх боломжийг олгодог тул та график, зураг, текстийг динамикаар скрипт хэлээр удирдаж болно. CANVAS элемент нь зураг, зураг, график, графикийг хөдөлгөөнт элемент болгон хувиргахад тусална.
Канвасын элементийг хэрхэн ашиглах талаар бодох хэрэгтэй
CANVAS элементийг ашиглах эсэхийг шийдэхдээ таны үзэгчид таны анхны анхаарал хандуулах ёстой.
Таны үзэгчид голчлон Windows XP, IE 6, 7, эсвэл 8-ийг ашигладаг бол тэдгээр хөтчүүд үүнийг дэмжихгүй учраас динамик зураглалыг үүсгэх нь утгагүй болно.
Хэрэв та зөвхөн Windows үйлдлийн систем дээр хэрэглэгдэх програмыг бүтээж байгаа бол Flash магадгүй хамгийн сайн бооцоотой байж магадгүй юм. Windows болон Mac компьютеруудад ашиглагдах програм нь Silverlight програмаас ашигтай байдаг.
Гэсэн хэдий ч, хэрэв таны аппликейшн нь хөдөлгөөнт төхөөрөмжүүд дээр (Android болон iOS аль алинд нь үзэгдэх ёстой) болон орчин үеийн ширээний компьютерүүд (хамгийн сүүлийн үеийн хөтөчийн хувилбаруудад шинэчлэгдсэн), дараа нь CANVAS элементийг ашиглах нь сайн сонголт юм.
Энэ элементийг ашиглах нь танд дэмжигдээгүй хуучин хөтөчүүдэд зориулж статик зурагтай адил хаяглалтын хувилбаруудтай байх боломжийг олгодог гэдгийг санаарай.
Гэсэн хэдий ч, бүх HTML5 даавууг ашиглахыг зөвлөдөггүй. Та хэзээ ч өөрийн лого, гарчиг, эсвэл навигаци гэх мэт зүйлсийн хувьд үүнийг хэзээ ч ашиглах ёсгүй (хэдийгээр эдгээрийн аль нэг хэсгийг идэвхжүүлэхийн тулд үүнийг ашиглах нь зүйтэй).
Тодорхойлолтоор та барьж байгуулах гэж байгаа зүйлдээ хамгийн тохиромжтой элементүүдийг ашиглах хэрэгтэй. Тиймээс HEADER элементийг зураг болон тексттэй хамт ашиглах нь таны толгой, лого нь CANVAS элемент юм.
Түүнчлэн, хэрэв та хэвлэх зэрэг интерактив орчинд ашиглахаар төлөвлөж байгаа вэб хуудас, програмыг үүсгэж байгаа бол CANVAS элемент нь таны хүссэнээр хэвлэгдэх боломжгүй болохыг мэдэж байх хэрэгтэй. Та одоогийн агуулгын хэвлэгдэх юмуу уналтын агуулгыг хэвлэж авах боломжтой.