Javascript KineticJs拼图拼图

Javascript KineticJs拼图拼图,javascript,html,random,kineticjs,scramble,Javascript,Html,Random,Kineticjs,Scramble,我目前正在做一个拼图HTML5项目,现在我想我的拼图块都在容器周围,当我开始玩的时候,有人能帮我开始吗?谢谢 function jigsaw(){ var imageObj = new Image(); imageObj.src = "kidwallpaper.jpg"; imageObj.onload = function(){ drawImage(this); } } 附言:这是我的JSFIDLE:你可以在每个工件的x,y位置添加一

我目前正在做一个拼图HTML5项目,现在我想我的拼图块都在容器周围,当我开始玩的时候,有人能帮我开始吗?谢谢

    function jigsaw(){
    var imageObj = new Image();
    imageObj.src = "kidwallpaper.jpg";
    imageObj.onload = function(){
        drawImage(this);
    }
 }

附言:这是我的JSFIDLE:

你可以在每个工件的x,y位置添加一个随机偏移量

x: i + pieceWidth / 4 + Math.random()*(stage.getWidth()-pieceWidth),

y: j + pieceHeight / 4 + Math.random()*(stage.getHeight()-pieceHeight),

谢谢:)它有效,但是我能在拼抢时把这些碎片旋转到不同的程度吗?谢谢,好的,那么我应该添加什么呢?谢谢:)好吧,你自己的设计要求决定了你想要如何做旋转。如果要围绕对象中心旋转,请在对象中心设置旋转点(offsetX/offsetY),然后设置旋转角度。感谢帮助:),因此,如果我希望我的作品旋转90度,我应该在这里添加一些东西?var offsetX=计件宽度i;var offsetY=分段高度j;