問題タブ [getimagedata]

非常に単純なアルゴリズムを使用して画像のサイズを変更したい。私はこのようなものを持っています:

ただし、このソリューションで私が抱えている問題は、画像がそのように透明度情報を失うことです。これがこのアルゴリズムのどこかで発生するのか、後でその画像を表示するために使用している putImageData がこれを行っているのかはわかりませんが、透明性を維持できないようです。

これを行うたびにキャンバスを作成し、そのキャンバスに画像を配置し、コードの最初の行でわかるように、getImageData を使用してそのキャンバスから画像を取得します。他に方法がないのかもしれないので、気にしないのかもしれませんが…

しかし、問題は、2 つの for ループを使用してサイズ変更された画像を描画し、getImageData を使用してその画像情報を保存することです。これは奇妙な方法です。空の画像データを作成し、サイズを変更しただけのすべての元の画像情報で埋めたいと思います。頭では理解できない、ループ構造がイメージできない。私が何を意味するかを示すために：

MAGICの部分がわかりません。

読んでくれてありがとう！

画像の完全なデータを取得したい。どの関数をどのように使用すればよいですか? タイトルは投稿のタイトルを示していますが、画像のタイトルを表示したいです。私は何をすべきか？

ユーザーが画面をスワイプしてクリアできるモバイル webapp ゲームを作成しています。キャンバスのほぼ全体が透明になったことを検出するスマート関数を作成しようとしています。

チェックを行うために、毎秒以下の関数を呼び出す間隔があります。動作するはずの方法は、幅が 20 ピクセルで、キャンバスと同じ高さのキャンバスのセクターを取得することです。

この関数は非常にスムーズに実行されるはずですが、何らかの理由で getImageData 関数が多くのピクセルに戻ります。私のセクターは常に幅が 20px で高さが同じなので、毎回同じ量のピクセルを返す必要があります。もちろん、getImageData はますます大きな数値を返すため、私のループはますます遅くなります。

誰がこれを引き起こすのか知っていますか? getImageData 関数の動作を誤解していませんか?

私はpdfを単一のキャンバスにレンダリングしようとしています。以下のリンクを参照して同じものを実装しました。

訪問: pdf.js と ImageData を使用して .pdf を単一の Canvas にレンダリングする

var pdf = null;

PDFが表示されていないページをレンダリングするためのスペースが作成されていることがわかります。

どんな助けでも大歓迎です。ありがとう。

私はhtml5キャンバスを使用してレンダリングと画像を作成し、 getImageData(0 関数を使用してピクセルを読み取っていくつかの作業を行うよりも、画像の基本的な編集を行います。ソース画像のビット深度に関係なく、気づきました(8 ビット、16 ビット、24 ビット) getImageData() メソッドでは 8 ビット (256 色) を返すことができます。これは望ましくありません。getImageData(0 メソッドで、受け取った色と同じ数の色を吐き出すようにしたいと思います。

私はドキュメントを読みましたが、キャンバスはあなたが投げたビット深度を（比喩的に）処理できるはずですが、ビット深度を高く設定する場所がどこにもありません

getImageData() を呼び出してそのコンテンツを GOOGLE CHROME の別のキャンバスにコピーすると、元のキャンバスのレンダリングがぼやけます。同様の問題に直面している人はいますか？

.getImageData() を使用して、特定の要素の背景画像からデータを取得するにはどうすればよいですか? プロジェクトはすでに jQuery を使用しているため、jQuery ソリューションは大歓迎です。

色の配列があり、キャンバスをそのコンテンツで塗りつぶしたい場合、私が知っている最速の方法は次のとおりです。

配列全体を 2 回コピーしているので、これは遅すぎるようです。1 つは を作成しimg_data、もう 1 つはキャンバスに配置します。my_arrayオリジナルを要素に単純に差し込む方法はありませんか？