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 ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ