function drawTextOn(t,x,y,w){
var chr = t.split("");
var temp = "";
var row = [];
mainCtx.font = "small-caps bold 15px Microsoft YaHei";
mainCtx.fillStyle = "#333";
mainCtx.textBaseline = "middle";
for(var a = 0; a < chr.length; a++){
if( mainCtx.measureText(temp).width < w ){
;
}
else{
row.push(temp);
temp = "";
}
temp += chr[a];
}
row.push(temp);
for(var b = 0; b < row.length; b++){
mainCtx.fillText(row[b],x,y+(b+1)*20);
}
}
这个方法已经封装好了,可以直接调用