2016-06-13 29 views
0

如何激活畫布標籤內的拖放功能?如何激活畫布標籤內的拖放功能?

+0

可能的複製http://stackoverflow.com/questions/4468940/drag-and-drop- canvas-in-html5 –

+0

[JavaScript Canvas中最簡潔的拖放代碼]的可能重複(http://stackoverflow.com/questions/8528428/cleanest-drag-and-drop-code-in-javascript-canvas) – Laurel

回答

0

據我所知,畫布內沒有內置拖放操作,因爲畫布是您繪製的文字上下文。基於畫布的遊戲會不斷刷新和重繪所有元素。

基本上,畫布需要大量人工的,微調的色彩組合,儘管它可以根據您想要那種手工的情況是高性能,決定控制

當一個用戶點擊看起來是在你的畫布內的對象,你必須計算鼠標事件的X和Y座標落在哪裏,並確定哪些動作可以在那裏繪製的任何東西執行onclick

正常的DOM(不是在canvas或iframe中)會從你點擊的元素中發出一個事件,並且會通過所有父元素冒出來說明某個目標元素被點擊,並且這個激發的事件將會有很多數據關於該點擊事件

畫布有點像是一幅真正的繪畫:而不是一組對象,沒有什麼可拖動的,只是一堆關於哪些像素是哪種顏色的數據。

通常情況下,HTML元素有一個屬性[draggable],但您仍然需要手動重新定位元素mouseup或其他任何,基於屏幕或最近非靜態放置的父。這個問題可能會有所幫助:HTML5 Canvas Drag and Drop Item

而應該尋找到處問這樣的問題,在我看來