【问题标题】:How to have position absolute for mouse cursor - canvas [duplicate]如何为鼠标光标设置绝对位置 - 画布 [重复]
【发布时间】:2016-09-26 20:26:12
【问题描述】:

我在我的网站上实现了一个来自 codecanion 的脚本,它工作正常,但我有一个问题:当我向下滚动画布上的发光点时,它不再对应于我的光标。所以光标低于发光点。该页面将包含许多其他部分。

https://nlight-mediacreative.rhcloud.com

http://prntscr.com/cmp393

如何解决?

非常感谢

【问题讨论】:

    标签: canvas html5-canvas position css-position html2canvas


    【解决方案1】:

    从鼠标坐标中减去window.scrollY。如果有任何水平滚动,您还应该执行 X。

    因为 window 是全局对象,所以不需要命名

    mouse.x -= scrollX; 
    mouse.Y -= scrollY; 
    

    相同
    mouse.x -= window.scrollX; 
    mouse.Y -= window.scrollY; 
    

    【讨论】:

    • 非常感谢您的回复。我对javascript很陌生。你能给我看一个jsfiddle吗?谢谢
    • 我猜您想知道您在网站中插入的脚本的哪个位置,您需要对其进行更改以使其执行您想要的操作。据我了解,codeCanyon 销售脚本,您最好的选择是联系作者/codeCanyon 以修复错误或进行更改。抱歉,Stackoverflow 不是代码编写服务。
    • 嗨。该脚本是来自 codepan 的免费脚本。我尝试的第一件事是联系作者,但他根本没有回应。正如您在函数 mousemove(event) 中提到的那样,我进行了更改。它适用于 Y,但是对于 X,当我在屏幕右侧移动时会有偏移,如果我移动到屏幕左侧,则不再有偏移。这也是怎么解决的?左:prntscr.com/cmxzyk 右:prntscr.com/cmxyb7 谢谢
    猜你喜欢
    • 2015-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-10
    • 1970-01-01
    相关资源
    最近更新 更多