問題タブ [drawimage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
10304 参照

html - Fabric.js - 複数の画像を描画する際の問題

私はこのスクリプトを使用しています:

3 番目の画像描画は適切に機能しており、上下に表示されています。しかし、4 番目を追加すると、3 番目の後ろに隠れてしまいます。画像の zindex を指定すると、まだ 3 番目以下です。

これの何が問題なのですか?ここで何か間違ったことをしていますか?助けてください。

ありがとう
ピーター

0 投票する
1 に答える
2538 参照

html - アルファなしのhtml5キャンバスdrawImage

アルファチャンネルを使用せずに透明性を維持できるかどうかを知りたいです。私が必要とするのは、アルファ値に応じて(私のpngファイルの)ピクセルを描画するか描画しないかです

アルファ チャネル > 128 の場合はピクセルを描画し、それ以外の場合はピクセルを描画しません。

ありがとう

0 投票する
1 に答える
3523 参照

google-chrome - アニメーションGIFをキャンバスに描画すると、タブを再選択した後にのみ更新されるのはなぜですか?

いくつかの変換を適用して、アニメーションGIFをキャンバスに表示したいと思います。テストするために、私は現在、アニメーションGIFをキャンバスに表示しようとしているだけなので、基本的にgifを通常の<img>タグとして表示するのと同じです。

Chromeとを使用してwebkitRequestAnimationFrameいます。リクエストフレームごとに、画像を描画します。gifフレームが変更された場合、これはキャンバスに反映されます。これは部分的にしか機能しません:

  • キャンバスを見ているだけでは更新されません。代わりに、1つの静止フレームが描画され始めます。
  • タブを再度選択すると(つまり、別のタブを選択してキャンバスタブを再度選択すると)、新しいフレームに更新されますが、その後は再びフリーズします。

これは私が設定したフィドルです:http://jsfiddle.net/eGjak/93/

実際にアニメーション化したアニメーションGIFをキャンバスに描画するにはどうすればよいですか?

0 投票する
1 に答える
129 参照

.net - ピンクのバックグリッド画像から画像を正しく切り取って描画する

ここに画像の説明を入力

上の画像を見てください。タイルベースのゲームの (再現) を作成しています。私の他のスプライトでは、単純に地形の正方形をグリッドに配置してきました。それらはソリッドなので問題はありませんでした。ここでの問題は、今このキャラクターを使用すると、彼の後ろのピンクが表示されようとすることです (彼は 16x16 です)。

System.Graphics を使用して項目を表示しています (また、graphics.DrawImage() を使用する場合はそれらを切り取っています)。特定の色を無視して透明にする方法はありますか?

私はVB.netを使用しているので、.netの回答はすべて受け入れられます。

コメントのポイント (または回答の余分なポイント) については、ピンクのグリッドを使用してすべてのスプライトを含める場所で呼び出されるメソッドは何ですか?

0 投票する
2 に答える
1291 参照

c# - listboxItem と一緒にリストボックスに画像を描画するにはどうすればよいですか [c# winforms]

(私は c# を使用して winforms で作業しています) Listbox があり、いくつかの項目が追加されています。私の問題は、リストボックス内のすべての項目の左側に画像を描画したいということです。前もって感謝します。

ImageList を使用してこれを行うことができます。

しかし、私はこのように使いたい

0 投票する
2 に答える
4140 参照

c# - C#ピクチャボックス内のビットマップを移動

配列からサイクルで LockBits を使用して画像を作成し、PictureBox.Width * n および Height にスケーリングします。

次の反復では:

要するに、画像をシフトする画像の一部を切り取ってコピーしましたが、何も得られません。前のステップのスケールのために可能ですか?たぶん私は間違っています。新しいビットマップをシフトして末尾に追加するアルゴリズムをアドバイスします。

0 投票する
2 に答える
2455 参照

html - HTML5-キャンバスdrawImageで予期しない結果

HTML5のcanvas要素の使い方を学んでいます。長方形の描画、呼び出しgetImageData、ピクセルの操作、そしてputImageData長方形の色の変化などを確認することに成功しました。

今、私は引っ掛かりにぶつかったキャンバスに画像をロードしようとしています。drawImageキャンバスのコンテキストを呼び出した後fillRect、後で呼び出されたとしても、画像の後ろに長方形を描画するように、画像が描画されていない領域にのみ描画しますdrawImage。また、putImageData長方形を含む表示領域でも動作を停止し、ピクセル操作は行われません。で行をコメントアウトするとdrawImage、再び機能します。

私がやりたいのは、長方形を使ったときと同じように、画像内のピクセルを操作することです。これが機能しない理由はありますか?

画像コードを描く:

長方形のコードを描く:

Maniuplateピクセルコード:

0 投票する
2 に答える
1459 参照

javascript - drawImage()は、プリロードされた画像オブジェクトを描画しません。OOjavascriptを使用する

JavaScript+Canvasを使用して簡単な2D横スクロールゲームを書いています。私はOOJavaScriptを学びながらこれを行おうとしています。正しくロードされているにもかかわらず、画像がキャンバスに描画されないという問題が発生しています。コードは次のとおりです。

コードを確認しましたが、画像が正しく読み込まれていることがわかりました。実行時にエラーは発生しません。画像「foreground-land.png」は単にキャンバスに表示されません。

0 投票する
1 に答える
9394 参照

javascript - HTML5 キャンバスに収まるように画像のサイズを比例的に変更します

Zazzle.com の Flash ベースの製品エディターと同様の機能を持つ jQuery プラグインを作成しようとしています。私が知る必要があるのは、context.drawImage()キャンバス関数を使用して、画像を挿入し、画像を歪ませずにキャンバスに収まるようにサイズを変更する方法です。

画像は 500x500px で、キャンバスもそうですが、何らかの理由で画像のサイズを 500x500 に設定すると大きくなりすぎます。

これまでの私の完全なコードは次のとおりです。

その他の建設的な批判も歓迎します。

0 投票する
1 に答える
466 参照

java - 画面の左上隅に画像を配置する方法は?

画像があり、左下に表示されます。左上隅に表示したいです。私はすでに別のx、y座標を試しましたが、それでも同じで、変わりません。これはそれほど難しいことではありませんが、混乱しているだけです。この件に関して私を助けてください。うふふ… T_T、よろしくお願いします。

これは私のコードです: