您的位置:首页 > 运维架构

jtopo

2015-06-19 10:49 218 查看
jtopo文本换行

扩展prototype属性:

CanvasRenderingContext2D.prototype.wrapText = function(str,x,y){
var index = str.indexOf('-');
str2= str.substr(index+1,str.length);
str1= str.substr(0,index);
var textArray = new Array(str1,str2);
if(textArray==undefined||textArray==null)return false;
var rowCnt = textArray.length;
var i = 0,imax  = rowCnt,maxLength = 0;maxText = textArray[0];
for(;i<imax;i++){
var nowText = textArray[i],textLength = nowText.length;
if(textLength >=maxLength){
maxLength = textLength;
maxText = nowText;
}
}
var maxWidth = this.measureText(maxText).width;
var lineHeight = this.measureText("元").width;
x-= lineHeight*2;
for(var j= 0;j<textArray.length;j++){
var words = textArray[j];
this.fillText(words,x,y);
y+= lineHeight;
}
};


节点调用:

node.paintText = function(a){
a.beginPath(),
a.font = this.font,
a.wrapText(this.text,this.height/2,this.height);
a.closePath()
}


欢迎转载,请注明出处。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jtopo文本换行