javascript - 在 Canvas 区域中单击时如何为光标图像设置动画？

我将光标更改为自己的图像，并且我想在画布区域中单击时旋转图像-120deg。

这是我想要的动画，但是在光标上而不是图像上：

img {
    -webkit-transition: -webkit-transform 0.05s ease-in;
}

img:hover{
    -webkit-transform:rotate(-120deg)
}

我的画布：

<canvas id="gamemap" width="900" height="526" onclick="animateCursor()"></canvas>

JavaScript：

function animateCursor() {

}

CSS：

#gamemap {
    cursor: url('../Image/myimageup'), auto;
}

有什么解决办法吗？

最佳答案

尝试这个

function animateCursor() {
  $('#gamemap').css('-webkit-transition','-webkit-transform 0.05s ease-in');
  $('#gamemap').hover(function(){
    $('#gamemap').css('-webkit-transform','rotate(-120deg)');
  });
  $('#gamemap').css('cursor','url("../Image/myimageup"), auto');
}

关于javascript - 在 Canvas 区域中单击时如何为光标图像设置动画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29793543/