Fabric.js: Как установить нестандартный размер текста или IText?

Question

Я использую отличный Fabric.js, чтобы нарисовать текст на холсте. Когда я укажу произвольный размер (скажем, прямоугольник 200x200) для моего объекта IText, кажется, что Farbric.js заставляет ширину и высоту объекта располагаться вокруг текста.

var t = new fabric.IText("Hello world !", { 
    top: 100, 
    left: 100, 
    width: 200, 
    height:200, 
    backgroundColor: '#FFFFFF', 
    fill: '#000000', 
    fontSize: 12, 
    lockScalingX: true, 
    lockScalingY: true, 
    hasRotatingPoint: false, 
    transparentCorners: false, 
    cornerSize: 7 
}); 

Вот Fiddle с моей проблемой: "Hello World!" http://jsfiddle.net/K52jG/4/

В этом примере я хочу текст должен быть в коробке 200x200. Можно ли это сделать и как?

Answer 1

ОК, так, потому что это не возможно, лучший способ я нашел это гнездо коробки IText в объекте Rectangle, используя группу

var r = new fabric.Rect({ 
    width: 200, 
    height: 200, 
    fill: '#FFFFFF', 
    }); 


// create a rectangle object 
var t = new fabric.IText("Hello world !", { 
    backgroundColor: '#FFFFFF', 
    fill: '#000000', 
    fontSize: 12, 
    top : 3, 


}); 


var group = new fabric.Group([ r, t ], { 
    left: 100, 
    top: 100, 
    lockScalingX: true, 
    lockScalingY: true, 
    hasRotatingPoint: false, 
    transparentCorners: false, 
    cornerSize: 7 


}); 

Пример в этом Fiddle: http://jsfiddle.net/4HE3U/1/

Примечание. Мне нужно установить «верхнее» значение для текста, потому что оно выходит из строя. Значение выглядит следующим образом: fontSize/4