Jointjs 矩形文本溢出答案

【问题标题】：jointjs rect text overflowJointjs 矩形文本溢出
【发布时间】：2016-08-03 10:23:34
【问题描述】：

我正在使用jointjs来绘制图表。我的问题是在我的jointjs rect中，里面的文字太长了。假定我的矩形的大小是固定的。我使用了joint.util.breakText来控制高度和宽度，但是溢出消失了。而且我已经将字体大小设置得足够小。如何解决这个问题？提前致谢。

【问题讨论】：

如果你的溢出消失了。你有什么问题？

标签： javascript html jointjs

【解决方案1】：

我遇到了类似的问题。就我而言，我有空的形状。通过单击事件，我可以向形状添加注释（文本）。这个例子扩大了形状的大小，并在里面额外包裹了文本。希望对您有所帮助！

     function enterText(viewShape) {
         var shapeText = prompt('Enter your new comment:', '');
         if (viewShape.model.id === 'CommentID') {

             //change comment text here
             if (shapeText.length > 5) {

                 var wraptext = joint.util.breakText(shapeText, {
                     width: 200
                     //height: optionalHeight
                 });
                 //resize attribute and add it to paper
                 viewShape.model.resize(wraptext.length * 8, 67);
                 viewShape.model.attr('text/text', wraptext).attr('text/ref-y', 0.45);

             } else {
                 viewShape.model.attr('text/text', shapeText).attr('text/ref-y', 0.45);

             }
         }
     }

【讨论】：