zoukankan      html  css  js  c++  java
  • jTopo实现文本换行

    jTopo使用下来还是一个比较简陋的的拓扑图框架,好多功能实现不了,前端小白做出来的效果也不是太美观

    下面介绍一个jTopo文本换行的解决方式,以节点的名字为例

    在scene.add(node);之前加入以下代码,文本以‘-’作为换行的标识符就可以了

    node.paintText = function(a){
    a.beginPath(),
    a.font = this.font,
    a.wrapText(this.text,this.height/2,this.height);
    a.closePath() 
    }
    CanvasRenderingContext2D.prototype.wrapText = function(str,x,y){
    
    var textArray =str.split('-');//文本以‘-’作为换行的标识符
    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);
    this.fillStyle = '#eee';//设置字体颜色
    this.font="12px Verdana";//设置字体大小
    y+= lineHeight;
    }
    };
  • 相关阅读:
    Orcle 导入数据eurusd.ctl
    Maven系列2pom.xml 配置详解
    UML关联&泛化的区别
    maven 创建工程
    maven 打包
    jprofiler安装和配置
    设计模式出现之前的几大原则
    检查启动情况linux
    领域模型
    解压命令tar
  • 原文地址:https://www.cnblogs.com/corolcorona/p/7225347.html
Copyright © 2011-2022 走看看