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画布