悬停paper.js项时显示指针光标

时间:2018-11-14 08:53:35

标签: paperjs

当悬停Paper.js项时,我希望鼠标光标成为指针。
documentation中,我什么都没找到。
有可能吗?

expected display when mouse is out

expected display when mouse is in

1 个答案:

答案 0 :(得分:2)

可以通过设置canvas元素的Simulating Button click in javascript
您可以在鼠标进入项目时将其设置为pointer,在鼠标离开项目时将其设置回default

这里是CSS cursor property演示解决方案。

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