⼩程序canvas单元格内容(⽂字)前⼏天⽤canvas画了⼀个表格,这个⽅法是每个表格⾥⾯内容的画法。
function writecon(text, maxWidth, fontSize, color, left, top){
var that =this;
var centerPosition = left + maxWidth/2;
ctx.beginPath();
ctx.setFillStyle(color);
ctx.setFontSize(fontSize);
ctx.setTextBaseline('top');
ctx.setTextAlign('center');
var space = fontSize +5;
var curleft =0;
var height=top+space/2;
var lastSubStrIndex =0;
for(var i in text){
curleft += asureText(text[i]).width;
if(curleft > maxWidth /8*7){
curleft =0;
ctx.fillText(text.substring(lastSubStrIndex, i), centerPosition, height);
ctx.save();
height += space;
lastSubStrIndex = i;
}
if(i == text.length -1){
curleft =0;
ctx.fillText(text.substring(lastSubStrIndex, i +1), centerPosition, height);
ctx.save();
height += space;
text align center}
}
ctx.save();
height += space /2;
return{ top: height};
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论