Konva Js - Shape.FillPatternImage не масштабируется на firefox - PullRequest
Новая
       37

Konva Js - Shape.FillPatternImage не масштабируется на firefox

1 голос
/ 14 января 2020

У меня есть форма, отображаемая с помощью Konva, когда я установил fillPatternImage, она хорошо отображается с Chrome и растягивается с firefox. Хороший рендеринг в Chrome Ложный рендеринг в Firefox*

Файл изображения представляет собой * .png. У кого-нибудь есть причина, почему?

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ:

В следующем элементе кода есть объект Konva.Rect (), я установил изображение для заполнения в центре element: 

  const imageObj = new Image();
  const filename = zone.visual;
  imageObj.onload = function() {
    element.fillPatternImage(imageObj);
    element.fillPatternRepeat('no-repeat');
    element.fillPatternOffsetX((imageObj.width - zone.sizeX) / 2);
    element.fillPatternOffsetY((imageObj.height - zone.sizeY) / 2);
    element.draw();
  };
  imageObj.src = this.utils.getImgUrl(filename, 'configurator_zone');

Я нашел решение сегодня днем. Чтобы воспроизвести проблему, край изображения должен находиться в контакте с крестом. При уменьшении размера креста по сравнению с размером изображения проблема исчезает.

Проблемы c крест: ошибка воспроизведения репродукции

Правильный крест: правильный крест

...