html5 canvas上有多个图片元素，如何实现每个图片能用鼠标拖拽移动？或是有其他的方法= =

像上图所示，图片都放在canvas上，要实现像装扮类游戏可以拖拽图片,

var hair2 = new Image();
hair2.src = "头发2.png";
hair2.onload = function(){
canv.drawImage(hair2,660,130,171,190);
};
画布和图片是按照上述方法贴上去的。
求指点，谢谢么么哒~

可以使用 zrender.js这个库试试

http://www.jb51.net/html5/89810.html
别人的例子你看看
http://jingyan.baidu.com/article/cdddd41c7f3d5053cb00e129.html

可以使用 zrender.js这个库