KonvaJs-Shape.FillPatternImage在firefox上未缩放
我用Konva渲染了一个形状,当设置fillPatternImage时,这个形状用Chrome渲染得很好,用firefox拉伸。 * 图像文件为*.png。 有人知道为什么吗 更多信息: 在下面的代码元素Konva.Rect()对象中,我设置了一个用于填充元素中心的图像: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
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,或者您的代码中存在问题。请您在此发布一个简单的示例,我们可以复制您看到的内容,确定原因并提出解决方案。