如何在CreateJs中设置自定义游标？

Question

如何在createjs中显示自定义游标？我在画布上渲染了多个图像/位图。我希望每当我点击特定位图时光标都会更改为特定图像。即点击图片1号时，光标将变为油漆刷图像，点击图片2光标将变为炸弹等等。

Answer 1

您必须隐藏本机光标，您可以使用：

// this property delegates to the css-style, so it might not work in all (older) browsers
stage.cursor = 'none';

但请注意，某些（较旧的）浏览器可能不允许您隐藏光标。

隐藏光标后，您必须创建一些Bitmap或Shape并将其放置在舞台上并始终更新其“{1}}或myCursor.x = stage.mouseX; myCursor.y = stage.mouseY; // ...and don't forget to update the stage 。位置到鼠标位置。

您可以通过以下方式获取鼠标位置：http://www.createjs.com/Docs/EaselJS/classes/Stage.html#property_mouseX

{{1}}

---

提示：某些浏览器可能允许您通过在CSS中定义网址来直接将图像设置为光标，但是这种支持并不是很广泛，但您可以尝试一下，看看它是否适合您的需要，如果你有兴趣，可以看看这里：https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url