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

假设我有一些给定的像素坐标x和y，如何在HTML中使其变为红色（页面上的所有其他内容都保持为白色）？在HTML中可能吗？

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

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

---

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

您可能需要的是

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

不过我怀疑，你是想把这个想法推广到一般情况下可以画任意像素。在这种情况下，div元素将非常慢

canvas元素是新兴的HTML5标准的一部分。IE浏览器不太支持你，但现在其他一切都可以正常工作。

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

---

用实际坐标替换

{X}

和

{Y}

。可能需要处理

z-index

，具体取决于页面。使用

position:fixed

可以将其相对于浏览器而不是文档进行定位。

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

你可以一个像素一个像素地手工编辑这个表（因为它只是一个大表）

---

注意：这显然不是一种实用的方法（正如您的浏览器在努力渲染6MB HTML文件时所看到的那样），但从技术上讲，用纯HTML绘制逐像素图形是可行的。

Hello Josh！！！！嗯，我现在真的没有任何目的，我只是想看看它在HTML中是否可行。如前所述，一个1px的div，但是如果你打算用它做任何花哨的事情（例如绘画），它会很慢。你好，科巴！！！请给我一个例子（一段代码）。我怎么做绝对定位？你好，库布兹！！！！“在这种情况下，div元素将非常慢”-你的意思是这种页面将需要很长时间才能加载到浏览器中吗？在简单的情况下，它可以忽略不计。事实上，如果你只画一个像素，那就很好了，所以别让我吓到你。如果将其用于绘制圆，然后为其设置动画，则结果可能比在画布中执行等效操作慢100倍。我正在把这个数字从空气中抽出来，但如果有什么的话，我怀疑它在实践中更糟糕。我应该警告你，SEs，特别是谷歌，不喜欢1px的东西。感谢你的警告，Omfgrovlmao。哎哟！这种方式似乎不起作用。我做错什么了吗哦，是的，对不起。小字体<代码>颜色：红色应为<代码>背景色：红色。我已经在上面改正了。这里有一个演示来验证它的工作原理：谢谢，MusiGenesis！！！好主意。我认为如果背景是白色而不是黑色，浏览器会“挣扎”得更少。幸运的是，我没有这么无聊，但你可以编写一个完整的基于javascript的图形引擎，通过设置每个单元格的bgcolor，可以处理荒谬的每单元格一个像素的表格，像这样逐像素地绘制线条、形状、文本等。这就像苹果IIe上的旧时光一样——你可以一次只画一个像素的图形。这简直让我大吃一惊，太酷了！在Firefox 7和IE 9中，它几乎可以立即渲染，但chrome 17由于某些原因无法处理它…@Anders:是的，它在chrome上的速度非常慢。我猜Chrome会对表中的每个单元格进行某种内容安全检查，这在正常的表中是无法察觉的，但在这样的情况下速度会非常慢。