javascript - JavaScript での画像の作成/変更

Question

JavaScript (クライアント側) でピクセルごとのレベルで画像を動的に作成および変更することは可能ですか? それとも、PHP などのサーバーベースの言語でこれを行う必要がありますか?

私のユースケースは次のとおりです。

Web で検索すると、IE のフィルタリング方法の使用に関する投稿が見つかりましたが、JavaScript の画像編集機能については何も見つかりませんでした。

score 8 · Accepted Answer

一部のブラウザーはキャンバスをサポートしています: http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

score 2 · Accepted Answer

これはサーバー側で行う必要があります。あなたが見ているかもしれないことの1つは、すべての編集をクライアント側で行うことを許可し、最後に最終的な画像を(AJAX経由で)サーバーにPOSTして、正しいMIMEタイプとして正しく返すことができるようにすることです。梱包されています。

score 2 · Accepted Answer

Processing.jsをチェックしてみてください。jQuery で有名な John Resig が書いたものです。ピクセル処理に対応していますが、残念ながら十分に扱えるのは Firefox 3 だけです。

score 1 · Accepted Answer

データ URIも参照してください (残念ながら、IE バージョン 8 未満ではサポートされていません!)。

score 0 · Accepted Answer

ユーザーが実行したい変換の種類を定義できる一連の JS ツールを想像できますが、変換の最終作業はサーバー側で行う必要があります。セキュリティ上の理由から、クライアント側の JS はファイルを作成できません。

score 0 · Accepted Answer

JavaScript でのローカル画像操作が可能になるはずです - Defender of the Favicon を見てください。;-) 問題は、元の画像をファイルシステムからページに取得する方法です (最初にサーバーに HTTP アップロードを行う以外の方法はわかりません)。

score 0 · Accepted Answer

Allicorn の Image Retargetter を試してみてください- それがあなたが探しているもののようです。

7 に答える 7