canvas api 具有强大的文本功能， 操作canvas 文本与操作其他路径对象 的方式相同： 可以描绘文本轮郭，填充文本内部。
context 对象的文本绘制由两个函数实现:
fillText(text, x, y, maxwidth); 填充
strokeText(text, x, y, maxwidth); 描绘轮郭
立即学习“前端免费学习笔记（深入）”；
两个函数的参数： 文本参数， 以及用于指定文本位置的坐标参数， maxwidth 是可选参数, 用于限制字体大小, 将文本字体强制收缩到指定尺寸.
此外还有一个measureText() 函数， 它会返回一个度量对象， 其中包含了在当前context 环境下指定文本的实际显示宽度
在HTML5.js 源码定义为:
/**@param {string} text@return {TextMetrics}*/CanvasRenderingContext2D.prototype.measureText = function(text) {};一个示例
Canvas 文本
, 将代码中fillText 替换成strokeText(), 效果: 
为了保证文本在各浏览器下都能正常显示, Canvas API 为context 提供了类似于CSS 的属性， 以此来保证实际显示效果的高度可配置.
以上就是HTML5之8 __Canvas 文本的内容，更多相关内容请关注PHP中文网（www.php.cn）！
