問題タブ [getimagedata]

Google Native Client で PPB_ImageData を使用した C 言語の参考サンプル例はありますか? HTML キャンバスから画像データを取得し、c-library を使用して画像を処理する必要があります。

私はこれを行おうとしています：同じキャンバス要素の異なる位置からgetimagedata（）を取得し、各imagedataチャンクをパーティクルシステム内の個々のパーティクルのテクスチャにする。すべてのシステムに同じテクスチャを持たせたくはありません。むしろ、各パーティクルのテクスチャは、キャンバス上の画像のチャンクに対応している必要があります。imgData [i]配列に情報を入力したら、その各要素を各パーティクルのテクスチャ値に割り当てるにはどうすればよいですか？（各パーティクルに、imgData [i]配列の各要素に対応する異なるテクスチャを持たせたいことを忘れないでください）

Mozilla の getImageData に問題があります。キャンバスをクリックした後にマウスの座標を取得する機能を実行しました。座標は良好ですが、問題があります。Mozilla では getImageDatas の数が正しくないという問題があります。 : 10... どこに問題があるのか​​ わかりません... お願いします、助けてもらえますか? 関数は次のとおりです。http://pastebin.com/MjnG0Nbm

PDF.jsを使用して.pdfドキュメント全体を読み取り、すべてのページを1つのキャンバスにレンダリングしようとしています。

私のアイデア：各ページをキャンバスにレンダリングしてImageData（context.getImageData（））を取得し、キャンバスをクリアして次のページを実行します。すべてのImageDataを配列に格納し、すべてのページがそこに配置されたら、配列のすべてのImageDataを単一のキャンバスに配置します。

だから私が理解している方法から、これはうまくいくはずですよね？これを実行すると、PDFのすべてのページを含めるのに十分な大きさのキャンバスになりますが、PDFは表示されません...

助けてくれてありがとう。

別のキャンバス (同じ html ページ内) の getImageData 配列から (キャンバス内の要素で使用する) テクスチャを作成することは可能ですか? 多分three.jsなし？どうもありがとう、

ジェニファー

次の問題があります: (fillRect メソッドを使用して) 四角形を描画してから (drawImage を使用して) イメージを描画すると、getImageData を使用して Contex から正しい結果を取得できません。drawImage で行にコメントを付けると、正しく動作します。問題はどこだ？

問題: http://jsfiddle.net/yX5mj/1/

大学の課題でゲームを作っています。アイデアは、それらをブロックする線を描くこと (クリック、ドラッグ & リリースして線を描く) によって、入ってくる小惑星 (線) から中心円を守ることです。小惑星が線に衝突すると、小惑星と線の両方が破壊されます。

私が現在抱えている問題は、衝突が検出されないことです。

線と小惑星の両方のオブジェクトの配列があります。線は単に開始と終了の x と y で構成され、小惑星はランダムな速度とランダムな角度 (入射角) で構成されます。コンテキストが回転し、小惑星が描画され、次の行のためにリセットされます。

衝突を検出するには、getImageData を使用して小惑星の前でチェックしますが、その反復で線が進むピクセル数 (基本的には速度) と色が赤の場合は小惑星を破壊しますまだラインを破壊することは、私がそれに来たときにそのハードルに取り組むでしょう（提案は大歓迎です）.

問題は、小惑星が線と衝突することはなく、その理由や別の簡単な方法が一生わからないことです。事前に感謝します。

キャンバスを使用せずにバイト配列を画像データに変換することは何とか可能ですか?

私は現在このようなものを使用していますが、キャンバスがなくてもできると思いますか、それとも間違っていますか?

http://jsfiddle.net/ARTsinn/swnqS/

アップデート

私はすでにそれを base64-uri に変換しようとしましたが、成功しませんでした:

'data:image/png;base64,' + btoa(String.fromCharCode.apply(this, byteArray));

更新 2

質問と問題を分けるには

キャンバス自体はそうではなく、oldIE (およびそれ以外) がサポートしていないという事実です。...そして、excanvas や flashcanvas などのライブラリは、このユースケースには少し肥大化しすぎているようです...

一部のスプライトの各エッジの位置を取得する必要がありますが、これを達成する方法がわかりません。これが私が意味することの例の画像です：

canvasand で何かを試しましgetImageDataたが、成功しませんでした。

いくつかの衝突検出に必要です。結果は次のような配列でなければなりません:

単純なアルゴリズム/ソリューションはすでに世の中に出回っていますか?

アップデート

これが私の言いたいことの例です。矢印キーを使用して、スプライトを回転/スケーリングします http://html5quintus.com/quintus/examples/sprite/