拼图源图像不显示

Question

我正在尝试使用kineticJs的拼图游戏。我得到了不规则的形状部分，但源图像不显示或填充它。我坚持这部分。

fill:{ 
    image:imageObj, 
    x:pieceWidth, 
    y:pieceHeight, 
}, 
stroke: "#000000", 
strokeWidth: 4, 
lineCap: "round", 
draggable: true 

Answer 1

看起来你需要使用fillPatternImage而不是fill。

var patternPentagon = new Kinetic.RegularPolygon({ 
     x: 220, 
     y: stage.height()/2, 
     sides: 5, 
     radius: 70, 
     fillPatternImage: images.darthVader, 
     fillPatternOffset: {x:-220, y:70}, 
     stroke: 'black', 
     strokeWidth: 4, 
     draggable: true 
});