Drag and Drop Puzzle Game with Canvas

I need a puzzle game(drag and drop) with rectangular pieces using CANVAS element with the described technologies : JS, JQuery, HTML, CSS. *CANVAS IS MANDATORY *NEED COMMENT TO HELP ME EASILY UNDERSTAND THE CODE It needs to do: [login to view URL] image with drag & drop ( drag from pc to canvas ) 2.A button to load a image from PC [login to view URL] the image into rectangular pieces. [login to view URL] posibility of moving each piece. [login to view URL] of corectly allocation at piece level and whole image level. [login to view URL] sound of every operation. [login to view URL] possibility of automatic resolving the puzzle ( every piece will move using an animation in the final position) [login to view URL] for as many code(function) to help me understand the code. Example: [login to view URL]