设想：
- 我在浏览器屏幕上有一个大小为n x n的区域（例如，500 像素 x 500 像素，即 250,000 像素）。
- 当鼠标在该区域上滚动时，它会“绘制”它经过的像素。
- 显示填充/未填充像素的百分比
- 可选的高级场景：当鼠标滚过已经绘制的像素时，将“取消绘制”这些像素，或者以不同的颜色绘制这些像素。
解决方案/问题
- 检测、记录和显示场景的最有效方法是什么？
- 定义的区域可以是 div、间隔图像、图像映射、表格、画布？
- 如何绘制像素？
- 为每次鼠标移动创建的图像或 div
- 基于像素坐标创建的服务器端图像？
- 每次位置更改时传递鼠标位置是否效率太低？
- 显示 250,000 多个动态像素/对象/数据的有效方式是什么？