Как заставить один пиксель изменить свой цвет в HTML?

Question

скажем, у меня есть некоторые заданные координаты x и y для пикселя, как я могу сделать его красным (сохраняя все остальное на странице просто белым) в HTML? Возможно ли это в 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 .

В противном случае решение для деления в 1 пиксель, предлагаемое cobbal, - это способ сделать это.

Я подозреваю, однако, что вы надеетесь экстраполировать эту идею на возможность рисовать произвольные пиксели. В этом случае элементы div будут очень медленными.

Элемент canvas является частью нового стандарта HTML 5. Вы не будете иметь особой поддержки с браузерами IE, но все остальное работает в наши дни.

Answer 3

Вы можете поместить 1 пиксель div с абсолютным позиционированием.

Answer 4

Вы можете использовать чистую таблицу HTML (с borderwidth, cellpadding и cellspacing all 0, а tr и td heights all 1), чтобы создать что-то вроде этого:

альтернативный текст http://www.freeimagehosting.net/uploads/36dcc03919.jpg

Вы можете вручную отредактировать HTML-код для этого пикселя за пикселем (поскольку это всего лишь одна большая таблица).

Примечание: это, очевидно, не практичный подход (как вы увидите, когда ваш браузер изо всех сил пытается отобразить HTML-файл размером 6 МБ), но технически возможно делать попиксельную графику с чистый HTML.

Answer 5

Наверное, нет. Это возможно в Javascript, но я не могу представить, что это хорошо известная вещь.

Зачем вам нужно менять один пиксель?