Javascript KineticJS fillPatternImage自5.0版起不工作

Javascript KineticJS fillPatternImage自5.0版起不工作,javascript,image,kineticjs,Javascript,Image,Kineticjs,由于我将KineticJS版本更新为最新(5.0.0)版本,用图案图像填充形状不再有效 这是我用来显示模式的代码: var stage = new Kinetic.Stage({ container: document.getElementById("stage"), height: 200, width: 200 }); var layer = new Kinetic.Layer(); var shape = new Kinetic.Rect({ x: 1

由于我将KineticJS版本更新为最新(5.0.0)版本,用图案图像填充形状不再有效

这是我用来显示模式的代码:


var stage = new Kinetic.Stage({
    container: document.getElementById("stage"),
    height: 200,
    width: 200
});

var layer = new Kinetic.Layer();

var shape = new Kinetic.Rect({
    x: 10,
    y: 10,
    width: 150,
    height: 150,
    fill: "red",
    fillPriority: "pattern"
});

var image = new Image();
image.onload = function () {
    shape.setFillPatternImage(image);
    stage.draw();
};
image.src = "http://placekitten.com/50/50";

layer.add(shape);
stage.add(layer);
stage.draw();

请参见此处的示例:

以及旧版本的工作示例:

还有其他人经历过吗? 这是一个bug还是我在变更日志中遗漏了什么

提前感谢,McFarlane解决方案:

shape.setFillPatternImage(image);
shape.fillPatternScaleX(1);
shape.fillPatternScaleY(1);
stage.draw();

反馈:在IE11中工作,在Chrome32和Firefox26中无声地失败(没有错误,没有图像)。进一步测试,然后可能会报告一个错误:-(谢谢!为什么?是填充模式未能初始化并触发它应用-还是其他原因?我发现在kineticjs(5.0.0)的上一个版本中,fillPatternScaleX和fillPatternScaleY默认为0。这不是舒尔的错误或预期的api更改。