javascriptを使用してBase64でエンコードされたデータURI PNGのサイズを変更するにはどうすればよいですか？

Question

私はに受信画像のサイズを変更するにはjavascriptやその味の一部に方法はあります私は、Data URI

<img src="data:image/png;base64, --base64 png-- "> 

を使用して表示するように、Webページにウェブソケットから押し出さBase64でエンコードされたPNGを持っています指定された画像のサムネイル版を動的に生成する場合と同等の、より小さいbase64データURI？

それとも私はちょうど私がまだ出て見つけることがありますいくつかのあいまいなjQueryのマジックのトリックを使用して、HTMLのImageオブジェクトを複製し、全体としてそれで遊ぶことができます。

これは、クライアント側のJavaScriptで行うことができれば、私は再処理とリサイズされた画像を提供するためにいくつかの時間がかかるだろう私のサーバーデーモンに別のHTTPリクエストを、避けることができます。

Answer 1

あなたはjQueryを使ってイメージのクローンを作成することができ、およびなどリサイズのための - html要素のかもしれない些細な変化の幅と高さ？

$('.somewhere img').clone().appendTo('.elsewhere').width(16).height(16) 

Answer 2

maxImageプラグインは画像のサイズを変更できると主張しています。 TMMV、私はこれを自分で試していません。

Answer 3

Pixasticライブラリはこれを実行し、モバイルデバイス上でも驚くほど速く動作します。

のようにいろいろ書いてみてください：私はあなたがそれをイメージを与えると、それはキャンバスを返すという事実にかかわらず、苦労し

Pixastic.process(image, "resize", { "width" : 200, "height" : 200 }, function (oCanvas){ //callback code here}); 

、何が起こっていたかを理解するために数週間かかりました！ 今Canvas2Imageを使用して、Web上のどこかにある画像に戻ってきました。