ဤသည် Element ကိုအခြားနည်းပညာကျော်အကျိုးကျေးဇူးများရှိထားသည်
HTML5 ကို Canvas လို့ခေါ်တဲ့စိတ်လှုပ်ရှားဖွယ်ဒြပ်စင်များပါဝင်သည်။ ဒါဟာအသုံးပြုမှုအများကြီးရှိပါတယ်, ဒါပေမယ့်အသုံးပြုနိုင်ရန်အတွက်အချို့ကိုသင် JavaScript ကို, HTML ကို, တခါတရံ CSS ကိုလေ့လာသင်ယူဖို့လိုအပ်ပါတယ်။
ဤသည်အများအပြားဒီဇိုင်နာများဘို့နည်းနည်းစိတ်ညစ်စရာသည့် Canvas ဒြပ်စင်စေသည်နှင့် JavaScript ကိုမသိဘဲ Canvas Animation နဲ့ဂိမ်းကိုဖန်တီးရန်ယုံကြည်စိတ်ချရသော tools တွေရှိပါတယ်သည်အထိတကယ်တော့အများစုဖြစ်နိုင်ဒြပ်စင်ကိုလျစ်လျူရှုပါလိမ့်မယ်။
အဘယ်အရာကို HTML5 ကိုက Canvas အသုံးပြုသည်
အဆိုပါ HTML5 ကို Canvas ဒြပ်စင်သည်ယခင်ကကိုသင် generate မှ Flash ကိုလို embedded application ကိုသုံးစွဲဖို့ရှိတယ်လို့အမှုအရာတွေအများကြီးအတွက်အသုံးပြုနိုင်ပါတယ်:
- ပြောင်းလဲနေသောဂရပ်ဖစ်
- အွန်လိုင်းနှင့်အော့ဖ်လိုင်းဂိမ်း
- animations တွေကို
- အပြန်အလှန်အကျိုးသက်ရောက်မှုဗီဒီယိုနှင့်အသံဖိုင်
တကယ်တော့လူတွေ Canvas ဒြပ်စင်ကိုအသုံးပြုဖို့အဓိကအကြောင်းပြချက်ကြောင့်ထိုသို့ပြုနေတဲ့ dynamic web application ကိုစလွင်ပြင်ဝဘ်စာမျက်နှာကိုဖွင့်ပြီးတော့စမတ်ဖုန်းနှင့် tablet ပေါ်မှာအသုံးပြုမှုများအတွက်မိုဘိုင်း app သို့ကြောင့်လျှောက်လွှာပြောင်းသည်မည်မျှလွယ်ကူသောသည်။
ကျနော်တို့ Flash ကိုဖူးပါက, အဘယ်ကြောင့်ကျနော်တို့က Canvas လိုအပ်သလား?
အဆိုပါ HTML5 ကိုသတ်မှတ်ချက်အရ, Canvas ဒြပ်စင်ဖြစ်ပါသည်:
" ... တဲ့ resolution ကို-မှီခိုဂရပ်များ rendering အတွက်အသုံးပြုနိုင်သည့် bitmap ပတ္တူ, ဂိမ်းဂရပ်ဖစ်, အနုပညာ, ဒါမှမဟုတ်ယင်ကောင်ပေါ်ရှိအခြားအမြင်ပုံရိပ်တွေ။ "အဆိုပါ Canvas ဒြပ်စင်သင်အမှန်တကယ်အချိန်၌တရားဝဘ်စာမျက်နှာပေါ်တွင်ဂရပ်များ, ဂရပ်ဖစ်, ဂိမ်းများ, အနုပညာနှင့်အခြားပုံရိပ်ယောင်ဆွဲပေးနိုင်ပါတယ်။
သငျသညျအကြှနျုပျတို့ပြီးသား Flash ကိုနဲ့လုပျနိုငျကွောငျးကိုစဉ်းစားစေခြင်းငှါ, ဒါပေမယ့် Canvas နှင့် Flash ကိုအကြားနှစ်ဦးကိုအဓိကကွဲပြားခြားနားမှုရှိပါတယ်:
- အဆိုပါ Canvas element က HTML မှာညာဘက် embedded ဖြစ်ပါတယ်။ ကအပေါ်ကိုဆွဲသော script များအတွက် HTML မှာတစ်ခုသို့မဟုတ်ဆက်နွယ်နေပြင်ပဖိုင်ထဲမှာတစ်ခုခုဖြစ်ကြသည်။ ဒါက Canvas ဒြပ်စင်စာရွက်စာတမ်းအရာဝတ္ထုမော်ဒယ်သို့မဟုတ် DOM ၏အစိတ်အပိုင်းတစ်ခုဖြစ်ပါသည်ဆိုလိုသည်။
- Flash ကိုတစ်ဦး embedded ပြင်ပဖိုင်ဖြစ်ပါသည်။ ဒါဟာဖော်ပြရန်ဖို့ embed ဒါမှမဟုတ် Objective ဒြပ်စင်တစ်ခုခုကိုအသုံးပြုသည်, နှင့်အခြားသော HTML element တွေကိုနှင့်တိုက်ရိုက်ဆက်ဆံလို့မရပါဘူး။ အဆိုပါ Canvas element က DOM ၏အစိတ်အပိုင်းဖြစ်သောကြောင့်, ကနည်းလမ်းများစွာအတွက် DOM နှင့်အတူအပြန်အလှန်နိုင်ပါတယ်။
- ဥပမာအားဖြင့်, သင်သည်စာမျက်နှာအချို့နဲ့အခြားအစိတ်အပိုင်းတစ်ရပ်နဲ့အတူအပြန်အလှန်အခါပြောင်းလဲထားတဲ့ကာတွန်းဖန်တီးစေခြင်းငှါ, - ။ ထိုကဲ့သို့သောအတွက်ဖြည့်ခံတစ်ဦးပုံစံဒြပ်စင်အဖြစ် Flash ကိုနှင့်အတူပါဆုံးသင်လုပ်နိုင် Flash ကိုရုပ်ရှင်သို့မဟုတ်ကာတွန်းကိုစတင်ဖြစ်ပေမယ့်နှင့်အတူမယ်လို့ Canvas သငျသညျကိုပငျကာတွန်းသို့ပုံစံသည်တောမှစာသားဖြည့်စွက်, များစွာသောကွဲပြားခြားနားသောအကျိုးသက်ရောက်မှုများဖန်တီးနိုင်မည်ဖြစ်သည်။
- အဆိုပါ Canvas ဒြပ်စင်ပြုလုပ်ရန်ကို web browser များကထောက်ခံသည်။ တကယ် Flash ကိုသုံးစွဲဖို့အသုံးပြုသူများအတွက်နိုင်ရန်အတွက်, သူတို့ရဲ့ browser က plugin ကို install လုပ်ထားရှိရမည်။ ဤသည်ကိုမကြာခဏခေတ်မမီတော့ Flash ကိုတပ်ဆင်ပြီးသို့မဟုတ်၎င်းတို့၏ operating system ကိုရိုးရိုးကထောကျပံ့ပေးမထားဘူးဆိုတဲ့အချက်ကိုကြောင့်လူအများစုများအတွက်လုပ်ရတဲ့ဖြစ်ပါတယ်။
- ဒါဟာတိုင်း Browser ကို plugin ကို install လုပ်ထားခဲ့ကွောငျးဖြစ်ဖို့အသုံးပြုပေမယ့်မရှိတော့အမှုဖွင့်, များပြားပင်အခက်အခဲများကြောင့် plugin ကိုမဖယ်ရှားကြသည်။ Plus အားကပေါ်ပြူလာက iOS platform ပေါ်တွင်ပင်ရရှိနိုင်ပါတော့မဟုတ်ပါဘူး။
က Canvas Flash ကိုအသုံးပြုနည်းကိုသင်စီစဉ်ထားဘယ်တော့မှတောင်မှ အကယ်. အသုံးဝင်သော Is
အဆိုပါ Canvas ဒြပ်စင်ဒါရှုပ်ထွေးသည်အဘယ်ကြောင့်အဓိကအကြောင်းရင်းတစ်ခုမှာအများအပြားဒီဇိုင်နာများတစ်ဦးလုံးဝအငြိမ်ကို web မှအသုံးဖြစ်လာကြပြီဖြစ်ပါတယ်။ ပုံရိပ်တွေကာတွန်းစေခြင်းငှါ, ဒါပေမယ့် GIF ကိုအတူပြုမိရဲ့, နှင့်သင်တန်းသင်စာမကျြနှာသို့ကဗီဒီယိုတွေကို embed နိုင်ပါတယ်ဒါပေမယ့်နောက်တဖန်, ကရိုးရိုးစာမျက်နှာပေါ်မှာထိုင်နှင့်ဒါနဲ့ပတ်သက်ပြီးကြောင့်အပြန်အလှန်မှစတင်သည်သို့မဟုတ်ရပ်တဲ့အငြိမ်ဗီဒီယိုကိုဖွင့်ပေမယ့်သောသူအပေါင်းတို့ပါပဲ။
အဆိုပါ Canvas ဒြပ်စင်သည်ယခုအခါသင်ဂရပ်ဖစ်ရုပ်ပုံများ, ထိန်းချုပ်နိုင်သည်နှင့် scripting language တွေနဲ့သည် dynamically စာပို့သောကွောငျ့သငျသညျသင်၏ဝဘ်စာမျက်နှာများကိုမှဤမျှလောက်ပိုပြီးအပြန်အလှန်ဆက်သွယ်ထည့်သွင်းဖို့ခွင့်ပြုပါတယ်။ အဆိုပါ Canvas ဒြပ်စင်သင်ကာတွန်းဒြပ်စင်သို့ရုပ်ပုံများ, ဓာတ်ပုံများ, ဇယားများနှင့်ဂရပ်များကိုဖွင့်ကူညီပေးသည်။
ယင်းက Canvas Element ကိုအသုံးပြုခြင်းကိုစဉ်းစားပါမှလိုက်တဲ့အခါ
သင့်ရဲ့ပရိသတ်က Canvas ဒြပ်စင်သုံးစွဲဖို့ရှိမရှိဆုံးဖြတ်တဲ့အခါမှာသင့်ရဲ့ပထမဦးဆုံးထည့်သွင်းစဉ်းစားရပါမည်။
သင့်ရဲ့ပရိသတ်ကိုအဓိကအားသူတို့အား browser များကထောကျပံ့ပေးပါဘူးကတည်းကထို့နောက်ပြောင်းလဲနေသောပတ္တူအင်္ဂါရပ်ကိုအဓိပ္ပာယ်မဲ့ဖြစ်မယ့်, Windows XP နဲ့ IE ကို 6, 7 သုံးပြီး, ဒါမှမဟုတ် 8 လျှင်။
သင်သာ Windows ကိုစက်ပေါ်တွင်အသုံးပြုပါလိမ့်မည်သည့်လျှောက်လွှာကိုတည်ဆောက်ခြင်းနေတယ်ဆိုရင်, ထို့နောက် Flash ကိုသင့်ရဲ့အကောင်းဆုံးအလောင်းအစားဖြစ်လိမ့်မယ်။ Windows နဲ့ Mac ကွန်ပျူတာများပေါ်တွင်အသုံးပြုခံရဖို့လျှောက်လွှာတစ် Silverlight ကိုလျှောက်လွှာထဲကနေအကြိုးခံစားနိုင်ဘူး။
သင်၏လျှောက်လွှာ (နောက်ဆုံးပေါ် browser ကိုဗားရှင်း updated) မိုဘိုင်းထုတ်ကုန် (Android နဲ့ iOS ကိုနှစ်ဦးစလုံး) အဖြစ်ကောင်းစွာအဖြစ်ခေတ်မီ Desktop ကွန်ပျူတာများပေါ်တွင်ကြည့်ရှုအားပေးခံရဖို့လိုအပ်ပါတယ်လျှင်မည်သို့ပင်ဆို, ထို့နောက် Canvas ဒြပ်စင်ကို အသုံးပြု. အကောင်းတစ်ဦးရွေးချယ်မှုပါပဲ။
ဒီဒြပ်စင်သုံးပြီးသင်ကကူညီပံ့ပိုးမအဟောင်းတွေ browser များအဘို့ငြိမ်ပုံရိပ်တွေနဲ့တူရွေးချယ်စရာ fallback ရှိသည်ဟုခွင့်ပြုစိတ်ထားပါ။
သို့ရာတွင်ထိုသို့အရာအားလုံးတို့အတွက် HTML5 ကိုပတ္တူသုံးစွဲဖို့အကြံပြုမဟုတ်ပါဘူး။ (ဤမဆိုတစ်ဦးသောအဘို့ကိုလှုပ်ရှားရန်အသုံးပြုဒဏ်ငွေပါလိမ့်မယ်ပေမယ့်) သင်သည်သင်၏လိုဂို, ခေါင်းစဉ်, ဒါမှမဟုတ်အညွှန်းတူသောအရာများအတွက်အသုံးပြုရန်ဘယ်တော့မှသငျ့သညျ။
အဆိုပါသတ်မှတ်ချက်အရ, သင်တည်ဆောက်ရန်ကြိုးစားနေသောအရာကိုအဘို့အသင့်တော်ဆုံးဖြစ်ကြောင်းယင်းဒြပ်စင်အသုံးပြုသင့်ပါတယ်။ ဒီတော့ပုံရိပ်တွေနှင့်စာသားနှင့်အတူ header ဒြပ်စင်ကိုအသုံးပြုပြီးသင့်ရဲ့ header ကိုနှင့်လိုဂိုများအတွက် Canvas ဒြပ်စင်မှပိုကောင်းပါတယ်။
သငျသညျပုံနှိပ်ခြင်းနဲ့တူ non-အပြန်အလှန်အလတ်စားများတွင်အသုံးပြုခံရဖို့ရည်ရွယ်ဖွင့်တဲ့ဝဘ်စာမျက်နှာသို့မဟုတ် application ကိုအတွက်ပါလျှင်ဒါ့အပြင်သင်မျှော်လင့်ထားအဖြစ်သည် dynamically updated ခဲ့ပြီးသော Canvas ဒြပ်စင် print ထုတ်မပေးစေခြင်းငှါသတိပြုမိဖြစ်သင့်သည်။ သင့်အနေဖြင့်လက်ရှိအကြောင်းအရာသို့မဟုတ် fallback အကြောင်းအရာတစ်ခုပုံနှိပ်ရပေလိမ့်မည်။