ကိုယ်စားပြုထားသည် CodeW3C အွန်လိုင်းပြန်လည်ထူးခြင်း
  • HTML စာသင့်စားအသုံးပြုခြင်း
  • ဘာသာသတင်း ကော်ခွန်
  • လက်ခံရုံ ကော်ခွန်
  • ပြောင်းလဲစာသင့်စားအသုံးပြုခြင်း
  • XML စာသင့်စားအသုံးပြုခြင်း
  • ဝန်ဆောင်ရေးအုပ်စာ
  • ဝေါဟာရကြောင်းကြိုး

အခန်းမှတ်

ဝေါဟာရကြောင်းကြိုး

  • HTML အရာ (အော်စ် အပေါ် ပြောင်းလဲ)
  • HTML အရာ (သဘော အပေါ် ပြောင်းလဲ)
  • HTML ဘာသာ
  • HTML အရာပါသည် အမှား
  • HTML အခင်း
  • HTML အရာပါသည် အကျယ်ပြုခြင်း
  • HTML ကြယ်စာ
  • HTML ဗွီ/အသံ
  • HTML အရာပါသည် အကျယ်ပြုခြင်း
  • HTML မူဝါဒ
  • HTML အရာပါသည် အကျယ်ပြုခြင်း
  • HTML စကား ကုဒ်
  • HTML နိုင်ငံ ကုဒ်
  • HTTP သတင်း
  • HTTP စဥ်
  • ကျောက်ကန်း အကြောင်းကြိုး

HTML ချက်

  • <!-->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <basefont>
  • <bdi>
  • <bdo>
  • <big>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <data>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <dir>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <font>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h1> - <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <main>
  • <map>
  • <mark>
  • <menu>
  • <meta>
  • <meter>
  • <nav>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <picture>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>

  • 亲自试一试

    例子 2

    另一个 例子：

    
您的浏览器不支持 canvas 标签。

    亲自试一试

属性

属性 值 描述
height 像素值 规定画布的高度。默认值为 150。
width 像素值 规定画布的宽度。默认值为 300。

全局属性

标签还支持 HTML 中的全局属性。

事件属性

标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 元素：

canvas {
  height: 150px;
  width: 300px;
}

亲自试一试

的历史

这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

标记由 Apple 在 Safari 1.3 Web 浏览器中引入。对 HTML 的这一根本扩展的原因在于，HTML 在 Safari 中的绘图能力也为 Mac OS X 桌面的 Dashboard 组件所使用，并且 Apple 希望有一种方式在 Dashboard 中支持脚本化的图形。

Firefox 1.5 和 Opera 9 都跟随了 Safari 的引领。这两个浏览器都支持 标记。

ကျွန်တော်တို့သည် IE တွင် <canvas> အချက်အလက် အသုံးပြုခြင်း ဖြင့် အခြေခံ အရာများ အပေါ် အခြေခံ အရာများ အပေါ် အသုံးပြုခြင်း ဖြင့် အသုံးပြုခြင်း ဖြစ်သည်။ ကိုးကားချက်များhttp://excanvas.sourceforge.net/。

<canvas> သည် ဝီကီ ကန် ပြုလုပ်သူ အဖွဲ့အစည်း မှ ဝီကီ ဘတ်စ် ကျမ်းစာ အချက်အလက် အပေါ် အသုံးပြုခြင်း အား စိတ်တော်လှန်းခဲ့သည်။ ယခုအခါ <canvas> သည် HTML 5 အချက်အလက် အပေါ် အခြေခံ အရာများ အပေါ် အခြေခံ အရာများ ဖြစ်သည်။ ကိုးကားချက်များhttp://www.whatwg.org/specs/web-apps/current-work/

<canvas> အချက်အလက် နှင့် SVG နှင့် VML အကြား အခြေခံ အမျိုးမျိုး

<canvas> အချက်အလက် နှင့် SVG နှင့် VML အကြား အချို့ အခြေခံ အမျိုးမျိုး သည် ဖြစ်သည်။ <canvas> သည် အခြေခံ JavaScript အချက်အလက် အပေါ်ဖြစ်၍၊ SVG နှင့် VML သည် အချက်အလက် ကို အစားအသား အရေးယူခြင်း ဖြင့် အသုံးပြုသည်။

အဆိုပါ နှစ်မျိုး သည် အကျိုးဆက်မှု တူညီသည်။ တစ်ခုခုကို တစ်ခုခု အသုံးပြုခြင်း ဖြင့် တစ်ခုခုကို အသုံးပြုခြင်း ဖြစ်သည်။ အပြင်းအထန်မှာ အမျိုးမျိုး သည် သူ၏ ပိုကြီးမှုများ နှင့် အားနည်းများ ရှိသည်။ ဥပမာ၊ SVG အပုံအရေး အသုံးပြုခြင်း သည် အချက်အလက် အပေါ်မှ အရာများ ဖယ်ရှားခြင်း ဖြင့် ပြန်လည် ပြုလုပ်ခြင်း ဖြစ်သည်။

အတိုင်းအတာကို အပြည့်အဝ်၍ လက်ရှိ အပုံအရေး အချက်အလက် အပေါ်မှ တခုခုကို ဖယ်ရှားခြင်း ဖြင့် ပြန်လည် ပြုလုပ်ခြင်း ဖြစ်သည်။

လက်ရှိ <canvas> အချက်အလက် အသုံးပြုခြင်းများ

အများစုသော Canvas အပုံအရေး API သည် <canvas> အရာများ အပေါ်မပါဘဲ၊ လက်ရှိ အပုံအရေး အခြေခံ အရာများ အပေါ်ဖြစ်သည်။ getContext() စနစ်ရရှိသော “လက်ရှိ အပုံအရေး” အရာများ အပေါ်ဖြစ်သည်။

Canvas API လည်း လမ်းကြောင်း အကိုးအကား အသုံးပြုသည်။ သို့သော်၊ လမ်းကြောင်း သည် နည်းပါးသော စနစ်များ ဖြင့် အသုံးပြုခြင်း ဖြစ်၍၊ အစားအသား အရေးယူခြင်း ဖြင့် အကြိမ်ဖြူးသော စနစ်များ ဖြင့် အသုံးပြုခြင်း ဖြစ်သည်။ ဥပမာ၊ beginPath() နှင့် arc() စနစ်များ ကို အသုံးပြုခြင်းဖြစ်သည်။

ဘေးလိပ် အချက်အလက် အသုံးပြုပြီးနောက် အခြား စက်မှုများ သည် fill() ကဲ့သို့ ထို ဘေးလိပ် အပေါ် အားပေးခြင်း ဖြစ်သည်။ ဘေးလိပ် အချက်အလက် အချက်အလက် သည် ထို စက်မှုများ အသုံးပြုခြင်း အကြောင်းကြောင်း ဖော်ပြသည်။

အကြောင်းအရာCanvas API သည် အသုံးပြုခြင်း အတော်လေး သော ကြောင်းကြောင်း မပါဘဲ။ အခြား စက်မှုများ သည် fill() ကဲ့သို့ ထို ဘေးလိပ် အပေါ် အားပေးခြင်း ဖြစ်သည်။ အဘယ်လို ဘေးလိပ် အပေါ် အချက်အလက် ပေါ်တွင် ဘေးလိပ် ကို အသုံးပြုခြင်း သို့မဟုတ် ဘေးလိပ် အပေါ်တွင် CSS အချက်အလက် အသုံးပြုခြင်း ဖြင့် အသုံးပြုခြင်း ဖြစ်သည်။

ဘတ်တာစင် အကူအညီ

အချက်အလက် အရာများ သည် အသုံးပြုခြင်း များစွာ ကို ပေါ်ပေါက်စေခြင်း ဖြစ်သည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0
  • အရှေ့လွှတ် <button>
  • နောက်လွှတ် <caption>

အက်သုံးစံ

HTML လက်တွေ
HTML အမှတ်အသား
HTML စစ်ဆေး
HTML ပြောဆိုချက်

ပံ့ပိုးကြီး ခုံ

CodeW3C.com ဖြစ်ပေါ်သော အသုံးပြုခြင်း အခြေခံ သတင်းများ သုံးသပ်ခြင်း မပါဘဲ။ အမှုထမ်းသုံးသပ်ခြင်း ဖြစ်ပေါ်သော အကျိုးဆက်များ သို့ လွတ်လပ်သည်။ ကုယ်ကူးကြောင်း အခွင့်အရေး အခွင့်ထူး မရှိ။

အခြေခံ CodeW3C.com CodeW3C.com အကူအညီ အသုံးပြုခြင်း အခြေခံ လျှို့ဝှက် အခြေခံ ပေါ်လုပ်သည် Ce4e.com