4

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の機能を複製する方法はありますか?

4

4 に答える 4

3

Canvas は優れたソリューションです。クロス ブラウザーのサポートについては、Mark Pilgrim の優れたチュートリアルを参照してください。

http://diveintohtml5.ep.io/canvas.html 具体的には、「IE はどうですか?」セクションと explorercanvas の使用。データを使用および作成できます: canvas を使用した png および jpeg 形式の URI。

于 2010-11-29T17:17:44.943 に答える
2

PNG 形式はターゲットで機能しますか? もしそうなら、PNGlibはかなり良さそうです。

また、JS JPEG Encoderは良さそうに見えますが、Canvas.getImageData() の戻り値を入力として受け取ります。

ただし、IE 7 をサポートするために何ができるかはわかりません。

于 2010-06-23T13:04:21.850 に答える
0

ラファエルをチェックしてください - http://raphaeljs.com/

これは遅くなる可能性があり、ライブラリの使用目的ではありませんが、関心のあるブラウザーのサポートで動作します。

于 2010-06-23T00:18:33.823 に答える
-1

多分fxCanvas http://burzak.com/pro/fxcanvas/をチェックしてください

Flash を使用して IE で 'putImageData' も実装していると思います。

于 2010-06-30T08:14:47.317 に答える