7

假设我有一些给定的像素坐标 x 和 y,我怎样才能在 HTML 中将其设为红色(将页面上的其他所有内容保持为白色)?可以在 HTML 中使用吗?

4

5 回答 5

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

{X}和替换{Y}为您拥有的真实坐标。可能需要弄乱z-index,具体取决于页面。使用position: fixed将允许您相对于浏览器而不是文档定位它。

于 2010-04-11T01:04:29.863 回答
7

您可能需要的是canvas 元素

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

不过,我怀疑您希望将这个想法外推到通常能够绘制任意像素。在这种情况下, div 元素会非常慢。

canvas 元素是新兴的 HTML 5 标准的一部分。你不会对 IE 浏览器有太多支持,但现在其他一切都可以正常工作。

于 2010-04-11T01:04:06.007 回答
3

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

于 2010-04-11T01:01:20.767 回答
2

您可以使用纯 HTML 表格(borderwidth、cellpadding 和 cellspacing 全部为 0,tr 和 td 高度全部为 1)来创建如下内容:

替代文字

您可以逐个像素地手动编辑HTML 代码(因为它只是一个大表)。

注意:这显然不是一种实用的方法(正如您将看到的那样,您的浏览器难以渲染 6 MB 的 HTML 文件),但从技术上讲,使用纯 HTML 制作逐像素图形是可行的

于 2010-04-11T03:51:44.787 回答
0

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

为什么需要改变一个像素?

于 2010-04-11T01:01:27.747 回答