Font | HTML<canvas>属性

定义与用法

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

font 属性使用的语法与 CSS font 属性 相同。

语法格式

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

默认值：10px sans-serif

示例代码

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

效果展示：

亲自试试

浏览器支持

属性
Font	Yes	Yes	Yes	Yes	Yes

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 font 属性。

提示：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。

属性值