キャンバスを使用して電子署名を実装しようとすると、キャンバス内のマウスの座標が正確に取得できません。
スクロールバーのあるフォームで 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を直接呼び出して、ビューポートを基準にして位置を決めます。