canvas学习：文字渲染
Posted _林冲
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了canvas学习：文字渲染相关的知识，希望对你有一定的参考价值。
一、绘制基本的文字：
var canvas = document.getElementById("myCanvas")
var ctx = canvas.getContext(\'2d\')
ctx.font = "bold 30px 微软雅黑"
ctx.fillText(\'canvas学习\', 100 ,100)
ctx.fillStyle = "red" //填充的文本
ctx.lineWidth = 1
ctx.strokeStyle="blue"
ctx.strokeText(\'canvas学习\',100,300) //边框文本
注意：我们也可以用渐变色和图片填充文字的背景
二：font属性 传送门
三：textAlign属性 传送门 textBaseline 传送门
四：文本度量 measureText 传送门
以上是关于canvas学习：文字渲染的主要内容，如果未能解决你的问题，请参考以下文章