使用 Paper.js 在特定画布路径上悬停时更改鼠标光标

Question

实际上（使用 w3.org doc 的示例http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas/#dom-context-2d-ispointinpath）我确实想出了如何在原始 HTML5Canvas/ 中完成它JavaScript：http : //jsfiddle.net/QTu9E/4/

上面我使用了isPointInPath(x, y)语法，但根据提到的文档，也可以isPointInPath(path, x, y[, w ])在其中指定某些路径进行检查。

这可能是问题解决者，但我无法仅将 paperjs 的Path对象传递给它！

我将继续寻找解决方案，因为和其他任何人一样，我都有截止日期，但任何帮助将不胜感激！

Answer 1

尝试onMouseEnter和onMouseLeave事件并更改 paperjs 容器 html dom 元素的 css 样式。

http://paperjs.org/reference/item/#onmouseenter

yourPath.onMouseEnter = function (event) {
    paperCanvasContainerDiv.style.cursor = "pointer";
}
yourPath.onMouseLeave = function (event) {
    paperCanvasContainerDiv.style.cursor = "default";
}