我可以將Dom元素放在相位器遊戲窗口上嗎？

Question

我有一種情況，我需要將圖像從HTML頁面上的圖像列表拖到Phaser遊戲窗口。

我試圖在這裏實現的是將<li></li>元素的HTML圖像列表放在相位器遊戲窗口上，然後在該圖像列表上執行拖動drom功能。

有沒有人有任何想法？任何示例代碼或任何相關鏈接都會有所幫助。 謝謝

Answer 1

我將HTML元素與Phaser's Canvas一起使用 - 它對用戶界面非常有用。只需創建一個包含HTML元素的div，並將它們絕對放置在畫布上。假設你的畫布是佔用了整個頁面 -

<div id="ui"><li>Your li or whatever</li></div> 

#ui { 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}