我可以将Dom元素放在移相器游戏窗口上吗？

Question

我有一种情况需要将图像从HTML页面上的图像列表拖到Phaser游戏窗口。

我在这里想要实现的是将<li></li> HTML元素与图像列表放在移相器游戏窗口上，然后在该图像列表上执行拖动功能。

有没有人有任何想法？任何示例代码或任何相关链接都会有所帮助。 感谢

Answer 1

我将HTML元素与Phaser的Canvas一起使用 - 它对用户界面非常有用。只需创建一个包含HTML元素的div，并将它们绝对放在画布上。假设你的画布占据了整个页面 -

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

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