問題タブ [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.
html - Fabric.js - 複数の画像を描画する際の問題
私はこのスクリプトを使用しています:
3 番目の画像描画は適切に機能しており、上下に表示されています。しかし、4 番目を追加すると、3 番目の後ろに隠れてしまいます。画像の zindex を指定すると、まだ 3 番目以下です。
これの何が問題なのですか?ここで何か間違ったことをしていますか?助けてください。
ありがとう
ピーター
html - アルファなしのhtml5キャンバスdrawImage
アルファチャンネルを使用せずに透明性を維持できるかどうかを知りたいです。私が必要とするのは、アルファ値に応じて(私のpngファイルの)ピクセルを描画するか描画しないかです
アルファ チャネル > 128 の場合はピクセルを描画し、それ以外の場合はピクセルを描画しません。
ありがとう
google-chrome - アニメーションGIFをキャンバスに描画すると、タブを再選択した後にのみ更新されるのはなぜですか?
いくつかの変換を適用して、アニメーションGIFをキャンバスに表示したいと思います。テストするために、私は現在、アニメーションGIFをキャンバスに表示しようとしているだけなので、基本的にgifを通常の<img>
タグとして表示するのと同じです。
Chromeとを使用してwebkitRequestAnimationFrame
います。リクエストフレームごとに、画像を描画します。gifフレームが変更された場合、これはキャンバスに反映されます。これは部分的にしか機能しません:
- キャンバスを見ているだけでは更新されません。代わりに、1つの静止フレームが描画され始めます。
- タブを再度選択すると(つまり、別のタブを選択してキャンバスタブを再度選択すると)、新しいフレームに更新されますが、その後は再びフリーズします。
これは私が設定したフィドルです:http://jsfiddle.net/eGjak/93/。
実際にアニメーション化したアニメーションGIFをキャンバスに描画するにはどうすればよいですか?
.net - ピンクのバックグリッド画像から画像を正しく切り取って描画する
上の画像を見てください。タイルベースのゲームの (再現) を作成しています。私の他のスプライトでは、単純に地形の正方形をグリッドに配置してきました。それらはソリッドなので問題はありませんでした。ここでの問題は、今このキャラクターを使用すると、彼の後ろのピンクが表示されようとすることです (彼は 16x16 です)。
System.Graphics を使用して項目を表示しています (また、graphics.DrawImage() を使用する場合はそれらを切り取っています)。特定の色を無視して透明にする方法はありますか?
私はVB.netを使用しているので、.netの回答はすべて受け入れられます。
コメントのポイント (または回答の余分なポイント) については、ピンクのグリッドを使用してすべてのスプライトを含める場所で呼び出されるメソッドは何ですか?
c# - listboxItem と一緒にリストボックスに画像を描画するにはどうすればよいですか [c# winforms]
(私は c# を使用して winforms で作業しています) Listbox があり、いくつかの項目が追加されています。私の問題は、リストボックス内のすべての項目の左側に画像を描画したいということです。前もって感謝します。
ImageList を使用してこれを行うことができます。
しかし、私はこのように使いたい
c# - C#ピクチャボックス内のビットマップを移動
配列からサイクルで LockBits を使用して画像を作成し、PictureBox.Width * n および Height にスケーリングします。
次の反復では:
要するに、画像をシフトする画像の一部を切り取ってコピーしましたが、何も得られません。前のステップのスケールのために可能ですか?たぶん私は間違っています。新しいビットマップをシフトして末尾に追加するアルゴリズムをアドバイスします。
html - HTML5-キャンバスdrawImageで予期しない結果
HTML5のcanvas要素の使い方を学んでいます。長方形の描画、呼び出しgetImageData
、ピクセルの操作、そしてputImageData
長方形の色の変化などを確認することに成功しました。
今、私は引っ掛かりにぶつかったキャンバスに画像をロードしようとしています。drawImage
キャンバスのコンテキストを呼び出した後fillRect
、後で呼び出されたとしても、画像の後ろに長方形を描画するように、画像が描画されていない領域にのみ描画しますdrawImage
。また、putImageData
長方形を含む表示領域でも動作を停止し、ピクセル操作は行われません。で行をコメントアウトするとdrawImage
、再び機能します。
私がやりたいのは、長方形を使ったときと同じように、画像内のピクセルを操作することです。これが機能しない理由はありますか?
画像コードを描く:
長方形のコードを描く:
Maniuplateピクセルコード:
javascript - drawImage()は、プリロードされた画像オブジェクトを描画しません。OOjavascriptを使用する
JavaScript+Canvasを使用して簡単な2D横スクロールゲームを書いています。私はOOJavaScriptを学びながらこれを行おうとしています。正しくロードされているにもかかわらず、画像がキャンバスに描画されないという問題が発生しています。コードは次のとおりです。
コードを確認しましたが、画像が正しく読み込まれていることがわかりました。実行時にエラーは発生しません。画像「foreground-land.png」は単にキャンバスに表示されません。
javascript - HTML5 キャンバスに収まるように画像のサイズを比例的に変更します
Zazzle.com の Flash ベースの製品エディターと同様の機能を持つ jQuery プラグインを作成しようとしています。私が知る必要があるのは、context.drawImage()
キャンバス関数を使用して、画像を挿入し、画像を歪ませずにキャンバスに収まるようにサイズを変更する方法です。
画像は 500x500px で、キャンバスもそうですが、何らかの理由で画像のサイズを 500x500 に設定すると大きくなりすぎます。
これまでの私の完全なコードは次のとおりです。
その他の建設的な批判も歓迎します。
java - 画面の左上隅に画像を配置する方法は?
画像があり、左下に表示されます。左上隅に表示したいです。私はすでに別のx、y座標を試しましたが、それでも同じで、変わりません。これはそれほど難しいことではありませんが、混乱しているだけです。この件に関して私を助けてください。うふふ… T_T、よろしくお願いします。
これは私のコードです: