javascript canvas 回合限制和 onclick 变量

Question

我刚刚开始学习自己的 Canvas ，因此我有一些简单的问题，Google 无法回答我。

首先，我有一个宽 700 像素、高 700 像素的 Canvas 元素。所以我的 Canvas 的限制是矩形。但我不希望它是一个矩形，我需要一个圆形。使用 CSS 时，仅样式发生变化。

我的第二个问题是关于事件的。我有一个绘制新对象的变量。如果有人点击该对象，就会发生一些事情。但是，如果该对象不是元素而是 javascript 中的变量，我该如何单击该对象呢？

非常感谢大家!

Answer 1

CSS 允许您直观地界定您正在处理的代码区域，“border-radius”属性可以为您做到这一点。如果您的脚本需要圆圈区域内的特定鼠标事件，您可以应用一些基本数学来确定鼠标是在圆圈“内部”还是“外部”。

另一方面，您不能“单击变量”，但您可以定义具有预定义高度和宽度属性的空元素(suck as 或 元素)，将单击事件绑定(bind)到它，然后将事件与变量关联起来你的脚本。