0
如何激活畫布標籤內的拖放功能?如何激活畫布標籤內的拖放功能?
如何激活畫布標籤內的拖放功能?如何激活畫布標籤內的拖放功能?
據我所知,畫布內沒有內置拖放操作,因爲畫布是您繪製的文字上下文。基於畫布的遊戲會不斷刷新和重繪所有元素。
基本上,畫布需要大量人工的,微調的色彩組合,儘管它可以根據您想要那種手工的情況是高性能,決定控制
當一個用戶點擊看起來是在你的畫布內的對象,你必須計算鼠標事件的X和Y座標落在哪裏,並確定哪些動作可以在那裏繪製的任何東西執行onclick
。
正常的DOM(不是在canvas或iframe中)會從你點擊的元素中發出一個事件,並且會通過所有父元素冒出來說明某個目標元素被點擊,並且這個激發的事件將會有很多數據關於該點擊事件
畫布有點像是一幅真正的繪畫:而不是一組對象,沒有什麼可拖動的,只是一堆關於哪些像素是哪種顏色的數據。
通常情況下,HTML元素有一個屬性[draggable]
,但您仍然需要手動重新定位元素mouseup
或其他任何,基於屏幕或最近非靜態放置的父。這個問題可能會有所幫助:HTML5 Canvas Drag and Drop Item
而應該尋找到處問這樣的問題,在我看來
可能的複製http://stackoverflow.com/questions/4468940/drag-and-drop- canvas-in-html5 –
[JavaScript Canvas中最簡潔的拖放代碼]的可能重複(http://stackoverflow.com/questions/8528428/cleanest-drag-and-drop-code-in-javascript-canvas) – Laurel