如何让一个像素在HTML中改变颜色？

Question

假设我有一些给定坐标x和y的像素,我怎么能把它变成红色(保持页面上的其他所有东西都是白色的)？是否可以在HTML中？

Answer 1

<div style="position: absolute; left: {X}px; top: {Y}px; width: 1px; height: 1px; background-color: red;"></div>

替换{X}并{Y}使用您拥有的真实坐标.z-index根据页面的不同,可能需要弄乱.使用position: fixed将让您相对于浏览器而不是文档定位它.

Answer 2

你可能需要的是canvas元素.

否则,cobbal提供的1像素div解决方案是一种方法.

我怀疑,你希望将这个想法推断为通常能够绘制任意像素.在这种情况下,div元素将非常慢.

canvas元素是新兴HTML 5标准的一部分.你不会对IE浏览器有太多的支持,但是现在其他一切都有用了.