javascript - HTML5 - Canvas 并拖/放或将图像放置在用户单击的位置

标签 javascript html canvas

好的,我的第一个问题是:

是否可以将 Canvas 上的图像拖放到 Canvas 上的其他位置?

我已经在 Canvas 上有了图像,我只是希望用户能够通过单击和拖动来移动它。我知道这可以通过 Kinetic JS 实现,但是仅使用常规 HTML5 Canvas 是否可以实现?

第二,如果第一个问题不可能:

是否可以将图像放置在用户点击的 Canvas 上?

有人可以在这里帮助我,或者为我指明教程的方向吗?

谢谢!

最佳答案

是否可以将 Canvas 上的图像拖放到 Canvas 上的其他位置?
是的。您可以在这里阅读更多相关信息 - http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-an-image-tutorial/

是否可以将图像放置在用户点击的 Canvas 上?
是的。您需要找出被单击的 Canvas 元素的坐标并相应地放置图像。

您可以在此处阅读更多内容并查看 Canvas 元素的演示 - http://www.html5canvastutorials.com/

关于javascript - HTML5 - Canvas 并拖/放或将图像放置在用户单击的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8814920/

相关文章:

javascript - 如何使用 dom-repeat 内的纸张复选框以不同方式在对话框和控制台上显示对象数组的值

html - Firefox 上的错误 : checkbox hidding when i'm scrolling

javascript - 您可以在 javascript 文件中加载 img 标签的 src 然后将其绘制到 Canvas 上吗?

javascript - 从对象创建逗号分隔的字符串

javascript - jQuery 定义函数未选择

html - 删除 Shiny 应用程序标题中的 div

Javascript - 将过滤器应用于 Canvas 并重置为原始值

javascript - Bootbox 回调无法正常工作

javascript - 下拉列表中的彩色选定行

javascript - 如何使用点击事件检测 Canvas 上的对象