3、utils.js

/* * 获取鼠标在canvas上的坐标 * */ const windowToCanvas = (canvas, x, y) => { let rect = canvas.getBoundingClientRect() return { x: x - rect.left * (canvas.width/rect.width), y: y - rect.top * (canvas.height/rect.height) } } export { windowToCanvas }

总结

这里有个误区，我用的是canvas对象绑定事件 theCanvas.onmouseup，其实canvas不能绑定事件，真正绑定的是document和window。但是由于浏览器会自动帮你判断并且移交事件处理，所以完全不用担心。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

文章内容就介绍到这儿，如有差错，敬请指正，谢谢！