有没有办法将光标设置为 Konvajs 变压器锚

Question

我想将光标设置为锚定在鼠标输入事件上。我尝试了以下代码，但没有成功

const tr = new Konva.Transformer({
  nodes: [shape]
})

tr.update = function() { 
  Konva.Transformer.prototype.update.call(tr);
  var rot = this.findOne('.rotater');
  rot.on("mouseenter", () => {
    stage.container().style.cursor = 'move';
  })
  rot.on('mouseleave', () => {
    stage.container().style.cursor = 'default';
  })
  
}

tr.forceUpdate();

Answer 1

const stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

const layer = new Konva.Layer();
stage.add(layer);

const shape = new Konva.Circle({
  x: stage.width() / 2,
  y: stage.height() / 2,
  radius: 50,
  fill: 'green'
});
layer.add(shape);

const tr = new Konva.Transformer({
  nodes: [shape]
})
layer.add(tr);


tr.findOne('.rotater').on('mouseenter', () => {
  // "content" property is not documented and private
  // but for now you can use it
  // it is element where transformer is applying its styles
  stage.content.style.cursor = 'move';
});

<script src="https://unpkg.com/konva@^8/konva.min.js"></script>
<div id="container"></div>

有没有办法将光标设置为 Konvajs 变压器锚

Is there a way to set cursor to Konvajs transformer anchor

konvajs

konva