根据鼠标位置绘制像素

Question

情境：

• 我在浏览器屏幕上有一个区域 n x n （500像素x 500像素，例如250,000像素）。
• 当鼠标滚过该区域时，它会“画出”它所经过的像素。
• 显示已填充/未填充像素的百分比
• 可选的高级方案：当鼠标滚过已经绘制的像素时，将“重新点亮”这些像素，或者以不同的颜色绘制这些像素。

解决方案/问题

• 检测，记录和显示方案的最有效方法是什么？
• 定义的区域可以是div，spacer image，image map，table，canvas？
• 如何绘制像素？
  • 为每次鼠标移动创建的图像或div
  • 基于像素坐标创建的服务器端图像？
• 每次位置改变时传递鼠标位置是否效率太低？
• 显示250,000多个动态像素/对象/数据的有效方法是什么？

Answer 1

查看my recent question画布上的绘图部分，我得到了很多好的答案。