KonvaJs-Shape.FillPatternImage在firefox上未缩放

KonvaJs-Shape.FillPatternImage在firefox上未缩放,firefox,canvas,png,konvajs,Firefox,Canvas,Png,Konvajs,我用Konva渲染了一个形状,当设置fillPatternImage时,这个形状用Chrome渲染得很好,用firefox拉伸。 * 图像文件为*.png。 有人知道为什么吗 更多信息: 在下面的代码元素Konva.Rect()对象中,我设置了一个用于填充元素中心的图像: const imageObj = new Image(); const filename = zone.visual; imageObj.onload = function() { element.fill

我用Konva渲染了一个形状,当设置fillPatternImage时,这个形状用Chrome渲染得很好,用firefox拉伸。 *

图像文件为*.png。 有人知道为什么吗

更多信息:

在下面的代码元素Konva.Rect()对象中,我设置了一个用于填充元素中心的图像:

  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');
今天下午我找到了解决办法。 为了重现问题,图像的边缘必须与十字接触。与图像大小相比,通过减小十字的大小,问题就消失了

问题十字架:


正确的交叉:

Hi Vinecent-看起来您在Konva中发现了一个bug,或者代码中存在问题。请您在此发布一个简单的示例-然后我们可以复制您看到的内容,确定原因并提出解决方案。您好,Vinecent-看起来您在Konva中发现了一个bug,或者您的代码中存在问题。请您在此发布一个简单的示例,我们可以复制您看到的内容,确定原因并提出解决方案。