KineticJS -使用url自定义鼠标光标样式

KineticJS - Custom mouse cursor style using url

本文关键字：鼠标 光标 样式 自定义 url 使用 KineticJS      更新时间：2023-09-26

我正在尝试使用PNG图像更改光标样式，这是我的脚本:

   group.on("mouseover", function(){
          document.body.style.cursor =  "url('../../Content/icons/zoom_in.png'), auto";
        //  document.body.style.cursor =  "pointer";
        });
   group.on("mouseout", function() {
      document.body.style.cursor = "default";
    });

我测试了脚本使用改变指针，它工作得很好。

我假设group是一个JQuery对象。我会给mouseenter/mouselleave一个机会。

group.mouseenter(function(){
    document.body.style.cursor =  "url('../../Content/icons/zoom_in.png'), auto";
    //  document.body.style.cursor =  "pointer";
});
group.mouseleave(function(){
    document.body.style.cursor = "default";
});

参见Javascript/jQuery mouseover和mouseout事件监听器

我找到了答案，PNG文件应该转换为CUR文件，我使用了一个叫做AniFX的好程序。脚本是:

group.mouseenter(function(){
    document.body.style.cursor =  "url('../../Content/icons/zoom_in.cur'), auto";
    //  document.body.style.cursor =  "pointer";
});
相关文章：