javascript - 将对象从一个 Canvas 移动到另一 Canvas

标签 javascript jquery html canvas fabricjs

我有 Canvas A 和 Canvas B,想要将星星对象从 Canvas A 移到 Canvas B 上。这可能吗?如果是的话我该怎么做?为了更多的理解请看下面的图片 enter image description here

最佳答案

这不是 Canvas 的一个简单功能。您可以使用一些现有的库来实现此目的,或者可以引用它们来编写您自己的代码。

这个想法包括:

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

关于javascript - 将对象从一个 Canvas 移动到另一 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27980115/

相关文章:

javascript - 在 Chrome 上上传之前显示 pdf 的预览

java - Mongodb 未知错误?

javascript - jQuery - 如果我在里面点击,不要隐藏 div

javascript - 为什么我的 Sass 在使用 Gulp 时没有出现?

php - 并排显示 CSS 框

html - 在 Rails 中呈现 View 后评估代码

javascript - 上传 csv 文件时删除空行

javascript - 单击提交后,如何重定向到 js 组件并通过 php 将信息发送到 db?

jquery - 如何在动态插入元素上使用焦点和模糊?

javascript - 如何在单个 windows.load 中加入更多功能