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

предположим, у меня есть некоторые заданные координаты x и y для пикселя, как я могу сделать его красным (сохраняя все остальное на странице только белым) в HTML? Возможно ли это в HTML?

7
colors html pixel

5 ответов

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

заменить {X} и {Y} с реальными координатами у вас есть. Возможно, придется возиться с z-index в зависимости от страницы. Используя position: fixed позволит вам расположить его относительно браузера, а не документа.

10

то, что вам, вероятно, нужно, это Canvas элемент.

в противном случае, решение div 1 пиксела предложенное cobbal путь сделать его.

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

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

7

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

3

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

alt текст http://www.freeimagehosting.net/uploads/36dcc03919.jpg

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

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

2

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

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

0