当滚动 canvas 图像时,修改 canvas 上的测谎仪不起作用

modifying the polygraph on a canvas is not working when canvas image is scrolled

我目前遇到的问题是,当我在 canvas 上滚动图像时,无法操纵绘制的测谎仪。有什么方法可以在代码中解决这个问题吗?

在下面的 jsfiddle 中。net/heldersepu/egt92403/36 它与 post 有关,我在 中提出并得到了 Helder Sepulveda 的帮助。

您正在使用 event.clientY 和 event.clientX 来获取鼠标的位置,这两个属性是相对于屏幕的。

您可以使用 event.pageY 和 event.pageX 来获取相对于文档的坐标(这两个属性不受滚动影响) 或者用 window.scrollY 和 window.scrollX 偏移你自己的位置,一个例子可以在这里看到 https://jsfiddle.net/faex5Lqc/2/ (重要部分 event.clientY - canvas.offsetTop + window.scrollY