以下为网上找的的其它大佬写的。
目前存在2个问题，需要大佬们帮忙改改
1、每次拖移鼠标都锁定元件（被拖移的元件）中心。如果元件图片小还看不出什么。但是我是想做H5图片上下拖动（像浏览网页图片一样），元件图片一大，每次锁中心就太违和了
2、目前是元件中心不超过画布，如何实现元件的边缘不能超过画布
另外，如果能通过鼠标滚轮滚动上下滚动图片（不超过画布边缘）也行。
PS：AS3代码的网上很多这种教程，也照搬实现了。但是我现在需要的是 Html5 Canvas 做的才行。
麻烦大佬们看看
在Adobe Animate 中实现在 Html5 Canvas 中拖动动画元素
可以先参考：关于Adobe Animate CC的一些观点
在Animate制作H5交互内容中，让一个元素能够被鼠标拖动，是以个常用的功能，但是在当前的An版本中，没有关于生成Html Canvas交互的CreateJS api手册，也没有像as3里的拖放、触控和拖动代码片段。不过，既然导出的H5是基于js交互的，那么就可以使用js的方式来解决：
1234567891011 //dragableCar 是一要拖动的原件this.dragableCar.addEventListener("pressmove", followFinger.bind(this)); function followFinger() { console.log("X:"+this.parent.mouseX + " Y:"+this.parent.mouseY); //转换外界坐标到本地坐标 var newPoint = this.globalToLocal(this.parent.mouseX,this.parent.mouseY); console.log("X:"+newPoint.x + " Y:"+newPoint.y); this.dragableCar.x = newPoint.x; this.dragableCar.y = newPoint.y;}
注：暂不支持在手机上用手拖动
目前存在2个问题，需要大佬们帮忙改改
1、每次拖移鼠标都锁定元件（被拖移的元件）中心。如果元件图片小还看不出什么。但是我是想做H5图片上下拖动（像浏览网页图片一样），元件图片一大，每次锁中心就太违和了
2、目前是元件中心不超过画布，如何实现元件的边缘不能超过画布
另外，如果能通过鼠标滚轮滚动上下滚动图片（不超过画布边缘）也行。
PS：AS3代码的网上很多这种教程，也照搬实现了。但是我现在需要的是 Html5 Canvas 做的才行。
麻烦大佬们看看
在Adobe Animate 中实现在 Html5 Canvas 中拖动动画元素
可以先参考：关于Adobe Animate CC的一些观点
在Animate制作H5交互内容中，让一个元素能够被鼠标拖动，是以个常用的功能，但是在当前的An版本中，没有关于生成Html Canvas交互的CreateJS api手册，也没有像as3里的拖放、触控和拖动代码片段。不过，既然导出的H5是基于js交互的，那么就可以使用js的方式来解决：
1234567891011 //dragableCar 是一要拖动的原件this.dragableCar.addEventListener("pressmove", followFinger.bind(this)); function followFinger() { console.log("X:"+this.parent.mouseX + " Y:"+this.parent.mouseY); //转换外界坐标到本地坐标 var newPoint = this.globalToLocal(this.parent.mouseX,this.parent.mouseY); console.log("X:"+newPoint.x + " Y:"+newPoint.y); this.dragableCar.x = newPoint.x; this.dragableCar.y = newPoint.y;}
注：暂不支持在手机上用手拖动
