HTML canvas font 属性

HTML5 Canvas పరిశీలన కైస్

定义和用法

font 属性设置或返回画布上文本内容的当前字体属性。

font 属性使用的语法与 CSS font అటీమెంట్相同。

实例

在画布上写一段 40 像素的文本，使用的字体是 "Arial"：

Your browser does not support the canvas tag.

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

బ్రౌజర్ మద్దతు

పట్టికలో గాను ఈ అటీమెంట్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ సంఖ్యలు పేర్కొనబడినవి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
4.0 9.0 3.6 4.0 10.1

కోమ్మెంట్ కు:Internet Explorer 8 మరియు ఆగ్రహంతో ముందుగా ఉన్న వెర్షన్లు <canvas> ఎలిమెంట్ ను మద్దతు చేయవు.

HTML5 Canvas పరిశీలన కైస్