問題タブ [getimagedata]

私はcanvasContext.getImageData（0、0、1、1）.dataを使用して、画像のピクセル情報を取得しています。IE9を除くすべてのブラウザでうまく機能します。ランダムな時間にピクセル情報が利用できない場合、予想される255ではなく0を返します。

画像のonloadイベント内でgetImageDataコードを実行しています。画像srcは、onload関数を作成した後に定義されます。

IE9の現在のハックは次のとおりです。

何が起こるかというと、whileループは約30〜60回実行され、最終的にピクセル情報を取得します。

IE9でこれが発生する理由についてのヘルプは素晴らしいでしょう！

ありがとう。

わかりましたので、私は html5 キャンバス ゲームを行っています。常にサイズ変更された画像を描画する必要があります (すべてピクセル アートです)。残念ながら、drawImage でサイズ変更を行うと、現在のブラウザーが非常に遅くなるため、ロード時にサイズ変更を行い、サイズ変更前の画像を描画するだけです。

サイズ変更された画像を非表示のコンテキストに描画してから ctx.getImageData を実行しようとしましたが、バイト配列に固執し、画像に変換する方法がありません。putImageData を実行して最終的なコンテキストにプッシュすることはできますが、それは遅く、明らかにアルファ チャネルを失います。

別のオプションは、サーバー内のものを事前にスケーリングすることですが、可能であればそれを避けたいと思います.

何か案は？

こんにちは、検索クエリから取得した結果を表示するために、zend フレームワークを使用してウィキペディア API を使用する php ページを取得しました。現時点では、記事のタイトルとその抜粋が表示されます。画像も表示できるようにしたいです。この件についてさらにアドバイスをお願いします。ありがとう。

以下は私のコードです：（qは検索ボックスに入力されたものの値です）

HTML5 での画像操作の感触をつかもうとしています。getImageData メソッドを使用しようとすると、この JS 例外がスローされることがわかりました。Chrome を使用し、localhost で実行しています。

ありがとう！

ギャラリーからに写真を追加しようとしてImageViewいますが、次のエラーが発生します。

java.lang.RuntimeException: アクティビティ {hotMetter. pack/hotMetter.pack.GetPhoto}: java.lang.NullPointerException

これは私のコードです:

取得しますselectedImagePath="mnt/sdcard/DCIM/myimage"がimg.setImageURI(selectedImageUri);、エラーが発生します。

私も aBitmapを使用して画像を設定しようとしましたSetImageBitmapが、同じエラーが発生します。

LogCat:

アドバイスください。ありがとうございます。

キャンバスの画像データ配列を、次のような多次元座標ベースの配列に変換するメソッドを作成しました。

小さいスケール (10x10 の画像) でテストしましたが、大きな画像 (私の場合は 800x800) に移動すると、ブラウザー (タブ) が完全にクラッシュします。理由は理解できますが、これを行うためのより効率的な方法があるかどうか疑問に思っています。

何かご意見は？

私はHtml5に非常に慣れていないので、誰かがこれに光を当てることができるかどうか疑問に思っていました:

Html5 に関する私の限られた知識によると、このコードは「画像」を継続的に表示する以外には何もしないはずです。しかし、代わりに、画像は非常に急速にほぼ白に燃え尽きます。これは、キャンバスから読み取られるか、キャンバスに書き込まれるたびに imageData がわずかに変更されることを示唆しています...

基本的に、マウスを動かしたときに背景画像が透けて見えるように、マウスが配置されている画像をフェードさせたいと思っていました。これを回避する方法はありますか、それともプロセスでもう少しクリエイティブになる必要がありますか? 毎回キャンバスから取得するのではなく、「画像」ImageDataを操作できる方法はありますか?

事前に感謝します.jpgとpngを使用して、image.srcではなくDOMにロードしようとしましたが、すべて同じ問題があります.

ちなみに最新のChromeを使用しています。

SetTimeout へのフェイルオーバーを使用してさまざまなブラウザーを処理する requestionAnimationFrame のセットアップを次に示します。

これがキャンバスのコードです

これがこのコードのすべてです。

サファリとクロームではうまく機能するが、Firefoxでは失敗するキャンバスコードがいくつかあります。

Firefoxコンソールは次のように読みます。

[17：44：13.372]キャッチされない例外：[例外... "操作はサポートされていません"コード： "9" nsresult： "0x80530009（NotSupportedError）"場所： "http://REDACTED.js行：703"]

Firebugは、人間にとって少し便利なものを提供します。

私は確かに.getImageData703行目に電話をかけています。

オリジンポリシーに関して同様のエラーが報告されていることを読みました。このプロジェクトは（ローカルではなく）Webサーバーでホストされており、別のドメインから画像を読み込んでキャンバスに配置したことはありません。実際、キャンバスが空白の場合でもエラーが発生します。

Webkitベースのブラウザは、尋ねられたとおりにピクセルデータを提供します。Firefoxについて何ができるでしょうか。ありがとう。

これは機能していますが、このコードは長いと感じています。私はより良いアイデアを探しています。

私がやろうとしているのは、 context.createImageData(xxx,xxx) を取得してその画像データを操作し、次に画像データを使用して context.createPattern(imagedata, 'repeat') を作成し、描画されたオブジェクトに画像データを入力することです手続き的に作りました。私が抱えている問題は、createPattern がイメージ データ オブジェクトではなくイメージ オブジェクトを取り込むことです。そのため、画像データ オブジェクトを画像オブジェクトに変換する方法を見つけるか、手続き的に生成された画像で fill() を行うより良い方法を提供する必要があります。

ご協力いただきありがとうございます！！