html - HTMLで1つのピクセルの色を変更するにはどうすればよいですか？

Question

ピクセルにxとyの座標が与えられているとしましょう。HTMLでそれを赤にする（ページ上の他のすべてを白のままにする）にはどうすればよいですか？HTMLで可能ですか？

score 11 · Accepted Answer

<div style="position: absolute; left: {X}px; top: {Y}px; width: 1px; height: 1px; background-color: red;"></div>

{X}を{Y}実際の座標に置き換えます。z-indexページによっては、をいじる必要があるかもしれません。を使用position: fixedすると、ドキュメントではなくブラウザを基準にして配置できます。

score 7 · Accepted Answer

おそらく必要なのはcanvas要素です。

それ以外の場合は、cobbalが提供する1ピクセルのdivソリューションがそれを行う方法です。

ただし、このアイデアを一般的に任意のピクセルを描画できるように外挿することを望んでいるのではないかと思います。その場合、div要素は非常に遅くなります。

canvas要素は、新しいHTML5標準の一部です。IEブラウザではあまりサポートされませんが、最近は他のすべてが機能します。

score 3 · Accepted Answer

3

絶対位置を指定して1ピクセルのdivを配置できます。

于 2010-04-11T01:01:20.767 に答える

score 2 · Accepted Answer

純粋なHTMLテーブル（borderwidth、cellpadding、cellspacingがすべて0、trとtdの高さがすべて1）を使用して、次のようなものを作成できます。

このピクセルごとのHTMLコードを手動で編集できます（これは1つの大きなテーブルであるため）。

注：これは明らかに実用的なアプローチではありませんが（ブラウザーが6 MBのHTMLファイルをレンダリングするのに苦労していることがわかります）、純粋なHTMLを使用してピクセルごとのグラフィックスを作成することは技術的に可能です。

score 0 · Accepted Answer

おそらくそうではありません。Javascriptで可能かもしれませんが、それがよく知られていることだとは想像できません。

なぜ1ピクセル変更する必要があるのですか？

5 に答える 5