Canvas文字渲染

文字渲染"/>

Canvas文字渲染

font属性

font属性可以接收像css里面font属性一样的字符串 粗体 40px 字体
context.font = ‘bold 40px Arial’;

@param {[type]} string [想要书写的字符串]
@param {[type]} x [字符串的位置x坐标]
@param {[type]} y [字符串的位置Y坐标]
@param {[type]} maxlen [可选参数，表示绘制这段文字所能使用的最宽的宽度]
context.fillText(string,x,y,[maxlen])
绘制一段文字，但是只有文字的轮廓，而没有填充色
context.strokeText(string,x,y,[maxlen])

        context.font = 'bold 40px Arial';context.fillStyle = '#058';context.fillText('hello world',350,100);context.strokeText('hello world',350,200)/*** 加上maxlen属性时，如果字符串文本的宽度小于该值，则没什么改变** 如果字符串文本的宽度大于该值，设置该值后，会强行将每一个字符的宽度减小，让文本的总宽度为该值*/context.fillText('hello world',350,300,50);context.strokeText('hello world',350,400,50);/*** 联想** 之前使用过图片来填充canvas画布，这里我们可以使用背景图来填充文字*/var bgImage = new Image();bgImage.src = 'icon_form_password.png';bgImage.onl