如何激活canvas标签内的拖放功能？答案

【问题标题】：How can activate the drag -and-drop feature inside the canvas tag?如何激活canvas标签内的拖放功能？
【发布时间】：2016-06-13 11:24:13
【问题描述】：

如何激活canvas标签内的拖放功能？

【问题讨论】：

【解决方案1】：

据我所知，画布中没有内置的拖放功能，因为画布是您在其上绘制内容的文字上下文。基于画布的游戏会不断刷新和重绘所有元素。

基本上，画布需要大量手动、微调的颜色组合，尽管在您需要那种类型的手动、决定性控制的情况下它可以发挥作用

当用户单击似乎在您的画布中的对象时，您必须计算鼠标事件的 X 和 Y 坐标会落在哪里，并确定可以对那里绘制的任何东西执行onclick 哪些操作。

普通 DOM（在画布或 iframe 中不是这样）会从您单击的元素中发出一个事件，并且会在所有父元素中冒泡，表示单击了某个目标元素，并且这个触发的事件将包含大量关于那个点击事件

画布有点像真正的绘画：与其说是对象的集合，不如说没有可拖动的东西，只是一堆关于哪些像素是哪些颜色的数据。

通常，HTML 元素具有[draggable] 属性，但您仍需要手动将元素重新定位到mouseup 或其他任何位置，基于屏幕外或最近的非静态放置的父元素。这个问题可能会有所帮助：HTML5 Canvas Drag and Drop Item

在我看来，你应该四处搜索而不是问这样的问题

【讨论】：