javascript - スクリプトで 1 ピクセルを変更する方法

Question

Web ページのピクセルの色を変更したい。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が探しているものになる可能性があります。これは、javascript を使用して線、図形、その他の画像、テキストなどを描画することでペイントできる画像のような HTML 要素です。