HTML canvas(画布)font属性

• 

  font属性定义和用法

  font属性设置或返回画布上文本内容的当前字体属性。 font属性使用与CSS font属性相同的语法。

• 

  font属性浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  font属性语法

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

• 

  font属性实例

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

  尝试一下
• 

  font属性/返回值

  参数	描述
  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	使用窗口状态栏中使用的字体

• 

  font属性相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布