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

Question

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

标签： paperjs

Answer 1

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

这是演示解决方案的草图。

// 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'
});