绘制像素

Question

场景：

• 我在尺寸（500像素X 500像素，例如，即250000个像素）的浏览器画面Ñ X Ñ上的区域。
• 当鼠标滚过该区域时，它会“绘制”它通过的像素。
• 填充/未填充像素的百分比显示
• 可选高级方案：由于以上已经绘制的像素鼠标辊将“unpaint”的那些像素，或者以不同的颜色画的那些像素。

解决方案/问题

• 什么是检测，记录和显示的情况下最有效的方法是什么？
• 定义的区域可以是div，间隔图像，图像映射，表格，画布？
• 如何绘制像素？对于每个鼠标移动
• 服务器侧图像创建
  • 图像或DIV创建基于像素坐标？
• 每当位置发生变化时，传递鼠标位置的效率太低了吗？
• 什么是显示250,000+个动态像素/对象/数据的有效方法？

Answer 1

检查出my recent question为画布部分上的绘图，我得到了一些很好的答案。