問題タブ [drawimage]

さて、私は 32x32 の正方形のタイルを (マップを作成するために) 描画するアプレットを作成しています。私の問題は、8 x 8 にしたいときに斜めに移動することです (したがって、配列が 8 x 8 の形になる方法です)。それで...どうすればこれを修正できますか？

ありがとう。とにかく、コード bbcode はお尻なので... ここにペーストビンの URL :-)

http://www.danflow.pastebin.com/kAUEpg1E

そして、ここに問題があります：

8 x 8 が欲しい... :(

アプレットにこの問題があります。エラーが発生する前に、1 行だけ描画します。

ここに私のコードがあります: http://www.so.pastebin.com/RkG5YHVQ

エラーは次のとおりです。 http://www.so.pastebin.com/z1qWpFS6

次の行でキャンバスに描画しています。

ctx.drawImage(compositeImage, 0, 0, image.width, image.height, i, j, scaledCompositeImageWidth, scaledCompositeImageHeight);

このコードは、Safari、Chrome、Firefox (さらには google の excanvas ライブラリを使用する IE) でエラーなしで実行されました。ただし、Chrome の最近の更新により、次のエラーがスローされるようになりました。

キャッチされないエラー: INDEX_SIZE_ERR: DOM 例外 1

このコードは、描画された画像の一部またはすべてをキャンバスの外に配置することがよくありますが、ここで何が起こっているのか分かりますか?

私はちょうど疑問に思っていました、Graphics.DrawImage()非同期ですか？スレッドセーフの問題に苦しんでいて、問題がどこにあるのかわかりません。

GUIスレッドで次のコードを使用する場合：

そして、別のスレッドに次のコードを入れます。

それはアクセス違反の例外を説明できますか？

コードは、コンパクトフレームワーク3.5を搭載したWindowsMo​​bile6.1デバイスで実行されています。

編集：

気にしないでください、それはメソッドが同じスレッドで実行されるときにも起こります。

HTML5キャンバスを使用するコードを書いています。一般的にはうまく機能しますが、今では非常に奇妙な動作を見つけました。奇妙なことは、それが異なるブラウザで一貫しているということです、それで私が間違ったことを理解したということであるに違いありません...ドキュメントにもかかわらず私がしていることを正確に言っているようです。コードは次のとおりです（これはオブジェクトメソッドです）。

この後、jQueryを再度使用して、この要素をすでにページにある（空白の）Divに追加します。その結果、画像は幅の10倍のように引き伸ばされます。これは奇妙なことです。なぜなら、drawImageについて私が理解したことでは、画像を拡大縮小するためにwとhの値を使用する必要があり、wとhがキャンバスのサイズ、それはうまくフィットする必要があります。

私は何が間違っているのですか？レンダリングされたDOMツリーから描画を行うためですか？

たくさんの質問をして申し訳ありませんが、私を信じてください..私は最初にGoogleを試しました。:)

アプレットの paint() で g.drawImage を使用する場合...削除する方法はありますか? 私が言いたいのは、描かれたイメージを取り除くことです。

オーバーロードTableLayoutPanelして派手な境界線を描画していますが、何らかの理由でへの呼び出しがGraphics::DrawImage期待どおりに機能していません。ストレッチすると、1x10ピクセルのソース画像がフェードアウトするようです。

これは、レンダリングを行う関数です。

キャンバスにアニメーションがあり、いくつかの画像があります（ を使用して描画drawImage()）。簡単にするために、画像が 2 つしかないとしましょう。これらの画像は、偽の 3D 空間で円形のパスをたどっているため、ある画像が別の画像と重なる場合もあれば、2 番目の画像が最初の画像と重なる場合もあります。これらの画像は、視聴者から「近づく」または「遠ざかる」ときにもスケーリングされます。

これらの各画像は、次の (簡略化された) コードを持つオブジェクトです。

これらの各オブジェクトは、 という配列に格納されslidesます。

画像を適切に重ねるために、drawObjs関数は最初に配列を最小から最大slidesの順に並べ替え、次に から始まる画像を描画します。slides[i].scaleslides[0]

キャンバスにイベント リスナーを追加$(document).ready()する関数を実行しinitます。

このハンドラーの目的は、マウスがどこにあるか、およびマウスがいずれかのスライドの上にあるかどうかを判断することです (これにより、<div>jQuery を介してページ上の a が変更されます)。

ここに私の問題があります.マウスがどのスライドの上にあるかを特定する方法を見つけようとしています. 基本的に、次のロジックを埋めるコードが必要です (ほとんどの場合、mouse_handler()関数内にあります)。

何かご意見は？

ゲームのウェルカム画面をペイントしようとしていますが、ゲームが読み込まれたときのみです。ゲーム中に毎回塗り直したくありません。

だから私はこれをしました（isStartはtrueとしてインスタンス化されます）：

問題は、画像が1秒間ポップアップしてから消えることです。奇妙なことに、ifステートメント/isStart条件を省略した場合に機能します。これの何が問題になっていますか？

でアニメーションを試して<canvas>いますが、画像を斜めに描く方法がわかりません。望ましい効果は、1 つの画像がゆっくりと回転する、通常どおり描画されるいくつかの画像です。(この画像は画面の中央にありません。違いがある場合)。