将对象从一个画布移动到另一个画布

时间:2015-01-16 08:46:25

标签: javascript jquery html5 canvas fabricjs

我有Canvas A和Canvas B,想要从Canvas A移动星形物体并将它放在Canvas B上。有可能吗?如果是的话我该怎么办?为了更多的了解看下面的图片 enter image description here

1 个答案:

答案 0 :(得分:1)

这不是画布的简单功能。您可以使用一些现有的库来实现这一点,也可以引用它们来编写自己的代码。

这个想法包括:

  1. 在画布对象上注册鼠标事件(向上,向下,移动)
  2. 维持鼠标拖动状态(拖动或移动鼠标)
  3. 将对象状态保存在变量(副本)
  4. 在拖动时重新绘制画布,使其具有适当的拖动效果。感觉
  5. on drop(mouseup)渲染对象(先前已复制)在目标画布上