如何让一个像素在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 element。

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

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

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

Answer 3

你可以在那里放置一个带有绝对定位的1像素div。

Answer 4

您可以使用纯HTML表格（borderwidth，cellpadding和cellspacing全部为0，tr和td高度均为1）来创建如下内容：

alt text http://www.freeimagehosting.net/uploads/36dcc03919.jpg

您可以逐个像素地手动编辑HTML code（因为它只是一个大表）。

注意：这显然不是一种实用的方法（因为你会看到你的浏览器难以渲染一个6 MB的HTML文件），但 在技术上可以做逐像素的图形使用纯HTML。

Answer 5

可能不是。它可能在Javascript中，但我无法想象这是一个众所周知的事情。

为什么需要更改一个像素？