kineticjs - Kinetic js mousemove设置属性

Question

当我将鼠标移动到某个区域时，我想在鼠标移动上移动阴影。它适用于单击和补间，但不适用于 mousemove。我想我必须更新舞台，因为如果舞台上有不同的东西被补间，它会工作一段时间，直到另一个补间完成。请提前帮助和感谢。

greyBack.on('mousemove', function() {
  var mousePos = stage.getMousePosition();
  var x = (mousePos.x) -  (stage.getWidth());
  var y = (mousePos.y) -  (stage.getHeight());

  shadow1.setAttrs({
    x: [x*(-1)],
    y: [y*(-1)],
  })                                                   
});

Answer 1

您可能需要调用layer.drawScene()或stage.draw()更新画布。在click补间期间，它会自动调用。

您修改后的代码如下所示：

greyBack.on('mousemove', function() {
  var mousePos = stage.getMousePosition();
  var x = (mousePos.x) -  (stage.getWidth());
  var y = (mousePos.y) -  (stage.getHeight());

  shadow1.setAttrs({
    x: [x*(-1)],
    y: [y*(-1)],
  })     
  layer.drawScene(); //Or stage.draw(); - I don't know how you grouped your shapes ;)                                        
});