Paper js - 仅附加到位置点的光栅 onClick 事件

Question

我正在使用 PaperJS，我需要使用一组现有的图标，我可以将其作为 base64 字符串接收（这是我无法更改的给定图标）。我渲染栅格没有问题。但是，当我将它们设置为这样的位置时：

    const myRaster = new Raster(<someBase64>);
    myRaster.position = new Point(receivedX, recievdY);
    myRaster.onClick = () => console.log('raster click');

仅当我准确单击分配给 position 属性的 [x,y] 点时，onClick 事件才会起作用。 X 和 Y 从数据库中接收并与其他可见元素一致。

我在 PaeprJS 网站上玩了一下，没有使用 new Point 位置，onClick 在图像周围起作用。

我现在的解决方案是创建一个不可见的多边形（新 Path.RegularPolygon）并附加到它的 onClick 事件并且它有效。但是，必须有一个更简单的解决方案，并且很想了解我在这里缺少的内容。

谢谢！

Answer 1

显然，SVG 是部分以编程方式创建的，并且周围有很多空白。使用来自各种不同来源的 base64 编码 SVG 进行的测试按预期工作

Paper js - 仅附加到位置点的光栅 onClick 事件

Paper js - Raster onClick event attached only to position Point

javascript

paperjs