如何使用脚本更改一个像素

How to change one pixel with script

本文关键字：一个 像素 何使用 脚本      更新时间：2023-09-26

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

我试着用1x1大小的单元格制作一张桌子并给它们上色，但速度很慢。我需要一条更快的路。

给像素上色的成本最低的方法是什么？

给你。。。

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

#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>;

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

相关文章：