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

【问题标题】：KineticJS - Custom mouse cursor style using urlKineticJS - 使用 url 自定义鼠标光标样式
【发布时间】：2013-03-13 13:37:08
【问题描述】：

我正在尝试使用 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";
    });

我使用更改指针测试了脚本，它运行良好。提前感谢您的建议和感谢。

【问题讨论】：

标签： javascript mouseover

【解决方案1】：

我假设 group 是一个 JQuery 对象。我会试试 mouseenter/mouseleave。

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 and mouseout Event Listeners

【讨论】：

谢谢，其实它是一个 KineticJS 组（画布）。
啊，我的错！我读了标签，但显然不是标题......对不起
其实你已经看过标题了，我只是因为问题而编辑它。谢谢一百万

【解决方案2】：

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

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

【讨论】：