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

时间:2016-06-13 02:58:23

标签: javascript jquery html5-canvas

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

1 个答案:

答案 0 :(得分:0)

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

基本上,画布需要大量手动,微调的颜色组合,尽管在您需要这种类型的手动,决定控制的情况下它可以是高性能的

当用户点击看似位于画布中的对象时,您必须计算鼠标事件的X和Y坐标落在何处,并确定可以执行哪些操作onclick无论在那里画什么东西。

普通DOM(在画布或iframe中不是这样)将从您单击的元素中发出一个事件,并且将通过所有父元素向上冒泡,表示单击了某个目标元素,并且此触发事件将包含大量有关点击事件

画布有点像真正的画作:而不是对象的集合,没有什么可以拖动,只是关于哪些像素是哪种颜色的数据。

通常,HTML元素具有属性[draggable],但您仍需要根据屏幕或最接近非静态放置的父级,在mouseup或其他任何内容上手动重新定位元素。这个问题可能会有所帮助:HTML5 Canvas Drag and Drop Item

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