Заполните изображения текстурой / рисунком - PullRequest
Новая
       3

Заполните изображения текстурой / рисунком

0 голосов
/ 28 июня 2019

Я пытаюсь "перевести" это в код FabricJS, но я делаю что-то не так.Есть ли способ использовать globalCompositeOperation в FabricJS?

Заполнить изображение текстурой / узором

Что я делаю неправильно?

(function() {
  var canvas = this.__canvas = new fabric.Canvas('c');
  fabric.Object.prototype.transparentCorners = false;

  var padding = 0;

  fabric.Image.fromURL('https://i.imgur.com/8WqH9v4.png', function(img) {

    img.scaleToWidth(100);
    var patternSourceCanvas = new fabric.StaticCanvas();
    patternSourceCanvas.add(img);
    patternSourceCanvas.renderAll();
    var pattern = new fabric.Pattern({
      source: function() {
        patternSourceCanvas.setDimensions({
          width: img.getScaledWidth() + padding,
          height: img.getScaledHeight() + padding
        });
        patternSourceCanvas.renderAll();
        return patternSourceCanvas.getElement();
      },
      repeat: 'no-repeat'
    });


    fabric.Image.fromURL('https://i.imgur.com/8WqH9v4.png', function(img) {
       fill: pattern
    });

  });
})();
...