Canvas入门基础(三):绘制文本
2018-06-19 14:28 更新
canvas 提供了两种方法来渲染文本:
在指定的(x,y)位置填充指定的文本,绘制的最大宽度是可选的.fillText(text, x, y [, maxWidth])
在指定的(x,y)位置绘制文本边框,绘制的最大宽度是可选的.strokeText(text, x, y [, maxWidth])
当然,我们也可以改变文本的样式:
font = value
当前我们用来绘制文本的样式. 这个字符串使用和 CSS font 属性相同的语法. 默认的字体是 10px sans-serif。
textAlign = value
文本对齐选项. 可选的值包括:start, end, left, right or center. 默认值是 start。
textBaseline = value
基线对齐选项. 可选的值包括:top, hanging, middle, alphabetic, ideographic, bottom。默认值是 alphabetic。
direction = value
文本方向。可能的值包括:ltr, rtl, inherit。默认值是 inherit。
文本测量
canvas提供了一个方法:
measureText()
将返回一个 TextMetrics对象的宽度、所在像素,这些体现文本特性的属性。
以上内容是否对您有帮助:
更多建议: