拼图源图像未显示

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
});