JavaScript でピクセル データの配列を持っている場合、それを HTML ページに表示する良い方法はありますか?
- Safari と Firefox の最近のバージョンでは、
<canvas>
要素を作成putImageData
してピクセルを表示するために使用できますが、理想的にはソリューションが古いバージョンでも機能し、さらに重要なことに、Internet Explorer でも機能します。 - より具体的な別の解決策は、ピクセルを標準の画像形式にエンコードし、ピクセルを使用して
data:
URI を作成し、それを要素の として設定することsrc
です<img>
。残念ながら、ほとんどの画像フォーマットは複雑なようで、仕事をすることができる単純なものを見つけるのに苦労しています (BMP は可能性のように見えますが、Safari では機能しません)。また、IE 8 より前のバージョンの Internet Explorer は、data:
URI をまったくサポートしていません。
存在するとは思えませんが、標準形式で画像を生成できる JavaScript 用の画像ライブラリを知っている人はいますか? data:
IE 7 で URIの機能を複製する方法はありますか?