html canvas 代码,HTML canvas font用法及代码示例

HTML画布字体属性用于更改元素的Text内容的当前字体系列。字体属性具有默认属性，即10px sans-serif

用法:

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

属性值：

font-family：用于设置HTML元素的字体类型。它包含多个字体名称作为备用

font-style：用于指定HTML元素的字体样式。它可以是“正常，斜体或倾斜”。

font-weight：用于设置字体的粗体。其值可以是“正常，加粗，较浅，较粗”。

font-variant：用于创建小写效果。它可以是“普通或小型股”。

font-size：它用于设置HTML元素的字体大小。 font-size可以通过不同的方式进行设置，例如“像素，百分比，em，也可以设置较小，较大”等值。

caption:使用带字幕的控件(如按钮，drop-downs等)

icon:使用用于标记图标的字体。

menu:使用菜单中使用的字体(下拉菜单和菜单列表)。

message-box：使用对话框中使用的字体。

small-caption：使用用于标记小控件的字体

状态栏：使用窗口状态栏中使用的字体。

例：

HTML canvas font Property

GeeksForGeeks

HTML canvas font Property

width="300"

height="150"

style="border:2px solid">

var c = document.getElementById("sudo");

var ctx = c.getContext("2d");

ctx.font = "40px Arial";

ctx.fillText("GeeksForGeeks", 10, 50);

输出：

支持的浏览器：下面列出了HTML canvas字体属性支持的浏览器：

谷歌浏览器

Internet Explorer 9.0

火狐浏览器

苹果Safari

Opera