1

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

我尝试用 1x1 大小的单元格制作表格并为它们着色，但速度很慢。我需要一个更快的方法。

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

4

3 回答 3

1

干得好...

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
于 2013-01-09T09:39:23.790 回答
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>;
于 2013-01-09T09:32:32.787 回答
0

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

于 2013-01-09T09:34:00.317 回答