文字渲染"/>
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
更多推荐
Canvas文字渲染
发布评论