84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
キャンバスを使用して電子署名を実装しようとすると、キャンバス内のマウスの座標が正確に取得できません。
スクロールバーのあるフォームで ev.clientY 获取了鼠标的坐标，但是 canvas.offsetTop 获取的是 距离父元素的高度。而 canvas を使用すると、正確に配置できなくなります。
ev.clientY
canvas.offsetTop
canvas
ありがとうございます！
すでに解決策が見つかりました。 canvas.getBoundingClientRect() 可以获取到 canvas を直接呼び出して、ビューポートを基準にして位置を決めます。
canvas.getBoundingClientRect()
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
すでに解決策が見つかりました。
canvas.getBoundingClientRect()可以获取到canvasを直接呼び出して、ビューポートを基準にして位置を決めます。