jigsaw puzzle 소스 이미지가 표시되지 않습니다

Question

나는 kineticJs를 사용하여 지그 소 퍼즐을 시도하고 있습니다. 불규칙한 모양의 조각이 있지만 원본 이미지가 표시되거나 채워지지 않습니다. 나는이 부분에 붙어있다. 당신이 fillPatternImage 대신 fill 사용할 필요가 같은

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

Answer 1

보인다.

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