Прямоугольное переполнение текста в JointJS

Я использую joinjs для рисования диаграмм. Моя проблема в том, что в моем прямоугольнике JointJS текст внутри слишком длинный. Размер моего прямоугольника предполагается фиксированным. Я использовал Joint.util.breakText для управления высотой и шириной, но переполнение исчезло. И я установил достаточно маленький размер шрифта. Как решить эту проблему? Заранее спасибо.


javascript html jointjs
person Kai Huang    schedule 03.08.2016    source источник
comment
Если ваш перелив исчезнет. В чем твоя проблема?   -  person user3168958    schedule 17.08.2016

Ответы (1)


arrow_upward
0
arrow_downward

У меня была аналогичная проблема. В моем случае у меня есть пустые формы. По событию клика я могу добавить комментарий (текст) к фигуре. В этом примере размер фигуры увеличен, а текст дополнительно помещен внутрь. Надеюсь, поможет!

     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);

             }
         }
     }
person Endivie    schedule 03.08.2017