Question

由于我将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();

请在此处查看示例：http://jsfiddle.net/ss3hF/

旧版本的工作示例：http://jsfiddle.net/ss3hF/1/

有没有其他人经历过这个？这是一个错误还是我错过了ChangeLog中的某些内容？

先谢谢麦克法兰

Answer 1

解决方案：

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

自5.0版以来，KineticJS fillPatternImage无法正常工作

1 个答案: