HTML canvas font အချက်အလက်

HTML5 Canvas ဂရိယာဉ်ကြည့်

အဆိုပါ

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

font အရေးယူဆိုင်ရာ အက္ခရာ အသုံးပြုခြင်း နှင့် CSS font အချက်အတူ

အကျယ်

ပုံမှန် ပုံတုံး ပေါ်တွင် 40 ပမာဏ အရ စာသား တစ်လျှောက် ရေးသားပါ။ အသုံးပြုသည့် စာဖော်စက်: "Arial":

သင့် ဘရောက်သုတ် ကို canvas အချက်အလက် ကို ထောက်ပံ့ခြင်း မရှိပါသည်。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

ကိုယ်တိုင် ဆောက်လုပ်ပါ

အက္ခရာ

context.font="italic small-caps bold 12px arial";

အရေးယူဆိုင်ရာ

အတ္ထုပါ ဖော်ပြ
font-style

အထိုအရာအရ စာဖော်စက်အရေအတွက် ပုံစံကို ရည်ညွှန်းပါသည်။ အနှစ်သက်ရာ အချက်အလက်များ:

  • normal
  • italic
  • oblique
font-variant

အထိုအရာအရ စာဖော်စက်အရေအတွက် ပုံစံကို ရည်ညွှန်းပါသည်။ အနှစ်သက်ရာ အချက်အလက်များ:

  • normal
  • small-caps
font-weight

အထိုအရာအရ စာဖော်စက်အရေအတွက် အရေအတွက်နှုန်းကို ရည်ညွှန်းပါသည်။ အနှစ်သက်ရာ အချက်အလက်များ:

  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size / line-height အက်ဥ် အချက်အလက်
font-family အက်ဥ် အချက်အလက်
caption အချက်အရာ အက်ဥ် အသုံးပြု
icon ပုံစံ အက်ဥ် အသုံးပြု
menu အဆိုပါ အခြေခံ အက်ဥ် အသုံးပြု
message-box အဆိုပါ အခြေခံ အက်ဥ် အသုံးပြု
small-caption သတ်မှတ် သို့မဟုတ် သတ်မှတ် အခြေခံ အက်ဥ် အသုံးပြု
status-bar လုပ်ပိုင်ချိန် အခြေခံ အက်ဥ် အသုံးပြု

နည်းပါးဆိုင်ရာ

မူကြမ်း သတ်မှတ် 10px sans-serif

ဘာသာပြန်သူ အခြေခံ

အချက်အလက် အရ ထို အခြေခံ အရ အသုံးပြုခြင်း ပေါ်မူရှိ အခြေခံ ပုံစံ အသုံးပြုခြင်း

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

အကြောင်းကြားချက်Internet Explorer 8 နှင့် အရှည်တူ အသုံးပြုခြင်း မပါဘဲ။ <canvas> အအုပ်အဖွဲ့ မပါဘဲ။

HTML5 Canvas ဂရိယာဉ်ကြည့်