如何在createjs中显示自定义光标?我在画布上渲染了多个图像/位图。每当我单击特定的位图时,我都希望光标更改为特定的图像。即,在单击图像1时,光标将变为画笔图像,在单击图像2时,光标将变为炸弹,依此类推。
您必须隐藏本机光标,可以使用以下方法进行隐藏:
// this property delegates to the css-style, so it might not work in all (older) browsers
stage.cursor = 'none';
但是请注意,某些(较旧的)浏览器可能不允许您隐藏光标。
隐藏光标后,您必须创建一些Bitmap
或Shape
并将其放置在舞台上,并始终将其位置更新为鼠标位置。
您可以通过以下网址获取鼠标位置:http://www.createjs.com/Docs/EaselJS/classes/Stage.html#property_mouseX
myCursor.x = stage.mouseX;
myCursor.y = stage.mouseY;
// ...and don't forget to update the stage
提示:某些浏览器可能会允许您通过在CSS中定义一个url来直接将图像设置为光标,但是这种支持不是很广泛,但是您可以尝试一下,看看它是否适合您的需求,如果您有兴趣的话,可以选择一个看这里:https : //developer.mozilla.org/en-US/docs/Web/CSS/cursor/url
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句