jtopo吧 关注:76贴子:376
  • 5回复贴,共1

求助:jtopo node文字换行问题

只看楼主收藏回复

jtopo的node.text如何能自动换行?
百度了一个答案说给canvas添加原型方法wrapText,但是写的太简单,看不太懂,有人知道应该如何做吗?


1楼2017-01-11 22:56回复
    在jtopo 生成前,粘贴以下代码
    CanvasRenderingContext2D.prototype.wrapText = function(str,x,y){
    var textArray = str.split('\n');
    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,-(maxWidth/2),y-textArray.length*lineHeight/100);
    y+= lineHeight;
    }
    };
    然后
    var node = new JTopo.Node(data[i].name+"\n"+data[i].xinxi); // 创建一个节点
    node.paintText = function(a){
    a.beginPath(),
    a.font = this.font,
    a.wrapText(this.text,this.height/2,this.height);
    a.closePath()
    };
    即可


    IP属地:北京2楼2017-06-12 13:46
    收起回复