【问题标题】:Move object from one canvas to another将对象从一个画布移动到另一个画布
【发布时间】:2015-01-16 17:03:19
【问题描述】:

我有 Canvas A 和 Canvas B 并且想从 Canvas A 移动星形对象并将其放置在 Canvas B 上。这可能吗?如果是的话,我该怎么做?为了更多的理解看下面的图片

【问题讨论】:

  • 我认为除了重叠之外,您实际上无法将其移动到其他画布上。您可能可以在画布 A 上复制您的星星,然后在画布 B 上创建相同的星星?
  • 其实我只是误解了你的问题......删除了我的答案......寻求帮助的链接:jsfiddle.net/uppzL/12
  • 感谢您的 cmets,如果没有其他方法,我会像我们评论的那样做

标签: javascript jquery html canvas fabricjs


【解决方案1】:

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

这个想法包括:

  1. 在画布对象上注册鼠标事件(向上、向下、移动)
  2. 保持鼠标拖动状态(拖动或鼠标移动)
  3. 将对象状态保存在变量中(副本)
  4. 在拖动时重新绘制画布,使其具有适当的拖动外观和感觉
  5. 拖放时(鼠标上移)将对象(之前复制的)渲染到目标画布上

【讨论】:

    猜你喜欢
    • 2012-05-23
    • 2013-06-23
    • 2013-12-17
    • 2015-08-12
    • 1970-01-01
    • 2016-09-30
    • 1970-01-01
    • 1970-01-01
    • 2019-03-23
    相关资源
    最近更新 更多