已解決430363個問題，去搜搜看，總會有你想問的

javascript求鼠標在canvas畫布里的坐標

首頁猿問 javascript求鼠標在can...

javascript求鼠標在canvas畫布里的坐標

JavaScript

慕桂英546537 2018-07-31 11:10:43

代碼很簡單就這么一點，160X160的一個canvas畫布，按理鼠標在畫布里的時候，下面顯示坐標的x,y都在0~160范圍內。單獨用瀏覽器打開這段程序，很正常。可是放在博客側邊欄公告里，x倒正常，y卻都負了。。。。。?，F在已經確定是y1的問題，現在發現是這樣的，我只要把網頁上下滾動拉到頂，那么就可以得到正確的值。也就是y1得到的不是網頁內的坐標，而是網頁可視范圍上的坐標。請問y1怎么改，如何才可以得到正確的坐標？

查看完整描述

1 回答

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

var n = document.getElementById("myCanvas");
var c = n.getContext("2d");
var ev2 = event || window.event;
var x1 = ev2.PageX||ev2.clientX;
var y1 = ev2.PageY||ev2.clientY;
x1 += document.documentElement.scrollLeft || document.body.scrollLeft;
y1 += document.documentElement.scrollTop || document.body.scrollTop;
var x2 = n.offsetLeft;
var y2 = n.offsetTop;
//var y2 = $(n).offset().top;
var x = x1 - x2;
var y = y1 - y2;

反對回復 2018-08-25

1 回答
0 關注
879 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

javascript求鼠標在canvas畫布里的坐標

javascript求鼠標在canvas畫布里的坐標

1 回答

添加回答