Pixi.js创建绕点旋转的可拖动和可单击手柄的最佳方法

const app = new PIXI.Application();
document.body.appendChild(app.view);

const handle = new PIXI.Graphics();
handle.beginFill(0x0000FF);
handle.drawRect(0, 0, 50, 50);
handle.endFill();
handle.interactive = true;
handle.buttonMode = true;
handle.on('pointerdown', onDragStart)
      .on('pointerup', onDragEnd)
      .on('pointerupoutside', onDragEnd)
      .on('pointermove', onDragMove);
app.stage.addChild(handle);

let isDragging = false;
let previousPosition = null;

function onDragStart(event) {
    isDragging = true;
    previousPosition = event.data.global.clone();
}

function onDragEnd() {
    isDragging = false;
    previousPosition = null;
}

function onDragMove(event) {
    if (isDragging) {
        const newPosition = event.data.global.clone();
        const delta = newPosition.subtract(previousPosition);
        handle.position.x += delta.x;
        handle.position.y += delta.y;
        previousPosition = newPosition;
    }
}

const rotatingObject = new PIXI.Graphics();
rotatingObject.beginFill(0xFF0000);
rotatingObject.drawRect(-25, -25, 50, 50);
rotatingObject.endFill();
rotatingObject.pivot.set(0, 0);
rotatingObject.position.set(200, 200);
app.stage.addChild(rotatingObject);

function animate() {
    requestAnimationFrame(animate);
    rotatingObject.rotation += 0.01;
}
animate();