Question

我想更改网页中像素的颜色。我将使用JavaScript或vbscript。

我尝试用1x1大小的单元格制作一个表并给它们上色，但它很慢。我需要更快的方式。

为像素着色的成本最低的方法是什么？

Answer 1

#mycss {
            position: fixed; 
            left: {X}px;   // x coordinate
            top: {Y}px;    // y coordinate
            width: 1px; 
            height: 1px; 
            background-color: black;  // your color
        }

只需将您创建的表格的ID设为“mycss”

即可

在Javascript中

document.getElementById("<your-element-id>").style.position = absolute;
document.getElementById("<your-element-id>").style.left = [<your-pixel-x-coordinate>]px;
document.getElementById("<your-element-id>").style.top= [<your-pixel-y-coordinate>]px;
document.getElementById("<your-element-id>").style.width = 1px;
document.getElementById("<your-element-id>").style.height = 1px;
document.getElementById("<your-element-id>").style.background-color = <your-bg-color>;

Answer 2

你去......

<强> CSS

#myDot {
    position:fixed; /* always stays there even when other elements change */
    width:1px; /* change if you need a bigger dot */
    height:1px; /* change if you need a bigger dot */
}

<强> HTML

<div id="myDot"></div> <!-- Can be span also -->

<强> JS

document.getElementById("myDot").style.left = 100; // x position
document.getElementById("myDot").style.top = 100; // y position
document.getElementById("myDot").style.background = "red"; // color

Answer 3

我觉得我想要在程序上创建一个基于像素的图形。在这种情况下，新的HTML5 Canvas可能就是您要搜索的内容。它是一个类似图像的HTML元素，你可以通过使用javascript绘制线条，形状，其他图像，文本等来绘制。

如何用脚本更改一个像素

3 个答案: