悬停 paperjs 项目时显示指针光标

Question

我希望鼠标光标在悬停 Paper.js 项时成为指针。
我在 documentation.
中没有发现允许这样做的内容这可能吗？

Answer 1

可以通过设置 canvas 元素的 CSS cursor property 来实现。
您可以在鼠标进入项目时将其设置为 pointer，并在鼠标离开项目时将其设置回 default。

这里是 sketch 演示解决方案。

// draw a circle
new Path.Circle({
    center: view.center,
    radius: 50,
    fillColor: 'orange',
    // on mouse enter...
    onMouseEnter: function() {
        // ...set canvas cursor to pointer
        view.element.style.setProperty('cursor', 'pointer');
    },
    // on mouse leave...
    onMouseLeave: function() {
        // ...set canvas cursor to default
        view.element.style.setProperty('cursor', null);
    }
});

// display instruction
new PointText({
    content: 'Hover the circle to see the cursor change',
    point: view.center + [0, -80],
    justification: 'center'
});

悬停 paperjs 项目时显示指针光标

Display pointer cursor when hovering paperjs item

paperjs