скажем, у меня есть некоторые данные X и Y координат для пикселя, как я мог сделать его красным (хранение всего остального на странице просто белый) в HTML? Действительно ли это возможно в HTML?
<div style="position: absolute; left: {X}px; top: {Y}px; width: 1px; height: 1px; background-color: red;"></div>
Замените {X}
и {Y}
имеющимися у вас реальными координатами. Возможно, придется повозиться с z-index
, в зависимости от страницы. Использование position: fixed
позволит вам расположить его относительно браузера, а не документа.
Скорее всего, вам нужен элемент canvas.
В противном случае, решение 1 pixel div, предложенное cobbal, является способом сделать это.
Однако я подозреваю, что вы надеетесь экстраполировать эту идею на общую возможность рисовать произвольные пиксели. В этом случае элементы div будут чрезвычайно медленными.
Элемент canvas является частью развивающегося стандарта HTML 5. У вас не будет большой поддержки в браузерах IE, но все остальное работает в наши дни.
вы можете поместить туда 1-пиксельный div с абсолютным позиционированием.
Наверное, нет. Это могло быть возможно в Javascript, но я не могу представить, что это хорошо известно.
Зачем нужно менять один пиксель?
Вы можете использовать чистую HTML-таблицу (с borderwidth, cellpadding и cellspacing по 0, и tr и td высоты по 1), чтобы создать что-то вроде этого:
Вы можете вручную отредактировать HTML-код для этого попиксельно (так как это просто одна большая таблица).
Примечание: это, очевидно, не практичный подход (как вы увидите, когда ваш браузер будет пытаться отобразить файл HTML размером 6 МБ), но технически возможно сделать попиксельную графику с помощью чистого HTML.