HTML 5 Canvas vs. SVG

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。

SVG

SVG 是一种使用 XML 描述 2D 图形的语言。

SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

Canvas

Canvas သည် JavaScript ဖြင့် 2D ပြုပြင်ထားသည်。

Canvas သည် အခြေခံ အကြေးမတရား ဖြင့် ပြုပြင်ထားသည်。

ကွန်ပျူတာ ပန်းခြူ တွင် အခင်းအားစား ဖြင့် ဖြိုဖြင်း ပြီးနောက် အခင်းအားစား သည် ကွန်ပျူတာ အကြေးမတရား မှ ကြားလျှောက် သည်။ အခင်းအားစား သည် အခြေခံ ကွန်ပျူတာ အကြေးမတရား မှ ကြားလျှောက် သည်။

Canvas နှင့် SVG အကြား

အောက်ပါ အချက်အလက် သည် ကွန်ပျူတာ ပန်းခြူ နှင့် SVG အကြား အချက်အလက် အချို့ကို ရှိပါသည်。

Canvas

  • အပြည်ပြည်ရေး
  • အခင်းအားစား
  • အကြေးမတရား အက္ခရာပြု
  • အပြည်ပြည်ရေး .png သို့မဟုတ် .jpg ပုံအချက်အလက် ဖြင့် သို့မဟုတ်
  • အပြည်ပြည်ရေး အများဆုံး ကို နည်းပါးသော အခြေခံ

SVG

  • အခြေခံ အပြည်ပြည်ရေး
  • အခင်းအားစား
  • အပြည်ပြည်ရေး အများဆုံး ကို နည်းပါးသော အခြေခံ
  • အပြည်ပြည်ရေး အများဆုံး ကို နည်းပါးသော အခြေခံ
  • စက်ရုပ် အသုံးပြု အခြေခံ