如何使用dart：html

Question

我正在使用飞镖和画布制作一个非常简单的html5游戏。我想在画布上有按钮，但由于某种原因，我无法弄清楚如何最好地创建按钮。

我试图保持一切抽象，最终能够把游戏拉到颤动。

我有一些想法：

• 我假设画布中有某种内置的Button类。我可以创建一个抽象按钮类，并实现一个使用内置画布按钮的CanvasButton类。但是我还没有找到这个Button类。
• 创建我自己的Button类...使用图像，并将点击位置与Button的位置进行比较，以确定是否点击了它。

我错过了一些明显的东西吗？是否有一个示例飞镖网页游戏教程，包括画布内的按钮？

谢谢！

Answer 1

没有内置按钮类直接绘制到画布上。我可以想到几个选项：

1. 使用普通的html按钮，将其添加到DOM并将其放在画布上方（使用z-index）。

2. 创建一个绘制矩形的函数。存储矩形的位置。聆听画布的onClick流并检查每次点击的位置，看它是否在矩形中。