如何在canvas中拖拽两张图片

drawImage循环画出了两张图片,如何能单独拖拽
clipboard.png

阅读 3.2k
3 个回答

生成两个canvas,一张图片画在一个canvas上

mousedown的时候,遍历你那两张图片,根据坐标判断当前鼠标是落在哪个图片上,然后把这个图片设为拖拽对象。然后mousemove的时候,修改这个拖拽对象的坐标就行。mouseup的时候,把拖拽对象设为空就行。

推荐使用fabric.js库,使用原生的需要考虑位置,还有叠在一起的时候情况,需要考虑的东西会比较多,fabric.js都已经实现了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进