Fabric.js обрезает текст до прямоугольника

Я использую Fabric.js для рендеринга объектов на холсте. Когда я добавляю текст и изменяю его ширину, текст выходит за пределы области выделения. Как обрезать текст в прямоугольник, который представляет свойства ширины и высоты?

РЕДАКТИРОВАТЬ: это решение, которое я нашел работающим:

var text = 'Some text';        
var textSample = new fabric.Text(text, textDefaults);

textSample.clipTo = function (ctx) {
    ctx.rect(-textSample.width / 2, -textSample.height / 2, textSample.width, textSample.height );
}

canvas.add(textSample);

Где textDefaults — это свойства текста.


javascript canvas fabricjs
person Maciej Aniol    schedule 28.05.2015    source источник
comment
Я не понял последнее предложение, к сожалению, потому что оно содержит фактический вопрос. Обычно создание jsfiddle с соответствующим кодом имеет большое значение.   -  person Joonas    schedule 28.05.2015
comment
Под «прямоугольником, который представляет свойства ширины и высоты» я имел в виду область выбора. Я постараюсь решить эту проблему и предоставить соответствующий jsfiddle.   -  person Maciej Aniol    schedule 28.05.2015

Ответы (1)


arrow_upward
2
arrow_downward

Попробуйте этот jsFiddle.

Я верю, что это то, что вы хотите. Может быть, вы забыли canvas.renderAll();

person Nistor Cristian    schedule 28.05.2015