Fabric.js - проблемы с заполнением шаблона на ткани. Текст с использованием patternTransform - PullRequest
0 голосов
/ 25 января 2019

Я нашел что-то действительно странное.Я борюсь с преобразованием шаблонов на fabric.Text объектах.Я создаю шаблон для объекта следующим образом:

fabric.util.loadImage(path, (img) => {
    this.object.fill = new fabric.Pattern({source:img}, () => {
        this.object.dirty = true
        canvas.renderAll()
    })
})

Выглядит хорошо.Я могу изменить fill.offsetX и fill.offsetY, и он работает как исключение:

pattern fill

Для преобразования шаблонов я использую fill.patternTransform, когда я могу установить преобразованиематрица для масштаба и т. д. Когда я изменяю масштабирование своего шаблона, используя матрицу:

this.object.fill.transformMatrix = [.77, 0, 0, .77, 0, 0]

все становится интереснее:

wrong pattern fill

Этоне происходит, когда я применяю тот же шаблон для других объектов (контуры, линии, круги и т. д.).Я могу масштабировать шаблон правильно:

correct pattern fill on circle

Я не хочу использовать метод DynamicPattern, представленный в примерах fabric.js, потому что мне нужна матрица преобразования fill.patternTransformна будущее*.

...