canvas绘图文字换行问题，canvas绘图文字自动换行

canvas绘图并不支持文字的自动换行

两种实现方法。

一，适用于文字长度不知道，也不知道具体输出的问题

将文字拆分，先得到字符串的长度，然后通过split分割。

通过循环串接字符串，当到达设定的宽度的时候自动绘制，然后字符串清空，继续串接

直到绘制到最后一行。

二，当我们开发一些打卡app的时候，输出的内容我们都是规定好的，随机生成我们数组内的字符串，这个时候就可以规定字符串内的拆分符号

var text="所有的习惯以,不可见的程度积聚起来,如百溪汇于川,百川流于海!"
ctx.font = '30px FZShuTi';
var str= new Array();   
str=text.split(","); 
// ctx.textAlign="center";
var uphight=0
for (var i=0;i<str.length;i++){
	ctx.font = '30px shuti';
	ctx.fillText(str[i], reallywight/2, height/2+uphight)
	uphight+=40
}

如上面，将字符串通过split(",")拆分。形成一个字符串数组，然后循环绘制。

效果如下

还是比较不错的，如果有需要可以自己规定字体。