Canvas font 属性
实例
在画布上写一段 40 像素的文本,使用的字体是 "Arial":
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 |
规定字体样式。可能的值:
|
font-variant |
规定字体变体。可能的值:
|
font-weight |
规定字体的粗细。可能的值:
|
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> အရာများ ကူညီခြင်း မရှိ။