問題タブ [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 投票する
1 に答える
3459 参照

javascript - html5キャンバスのtoDataURLを使用したdrawImage

私が今していることは次のとおりです。

toDataURLメソッドを使用してキャンバスの状態を保存しています。また、drawImageメソッドを使用してキャンバスに描画しようとしています。

スニペットは次のとおりです。

コンソールで次のエラーが発生します。

414(リクエスト-URIが大きすぎます)

toDataURLメソッドのみを使用してキャンバスに画像を描画する方法はありますか?

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

video - ビデオフレームの画像でキャンバスを作成する方法

canvas の drawimage を使用して、効果的にビデオ タグ (現在再生中) のスクリーンショットを作成したいと考えています。これが可能であることは知っていますが、その方法がわかりません。

インスピレーションの源: http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/

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

vb.net - ピクチャーボックス(VB.NET)のDrawImageを上書きする

DrawImageを使用して画像ボックスに画像を描画するプログラムがあります。この画像、ボール(.png透明)は、毎秒、異なる色の別のボールで上書きされます。3〜5秒後、上書きのためにボールのエッジが悪くなります。

上書きする前にFillRectangleを使用して背景をクリーンアップしようとしましたが、Windowsフォームの背景を保持する必要があります。どうやってやるの?

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

java - Java フレームに画像が表示されない

JavaでWindowsプログラミングを学ぼうとしていて、フレームに画像を表示したい.ここに問題のコードがあります:

Component クラスをサブクラス化し、paint メソッドで Graphics.DrawImage メソッドを呼び出す成功例をいくつか見てきました。フレームに関連付けられた Graphics オブジェクトを取得して、画像を直接描画することはできませんか?

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

java - クラスを使用してJavaで画像を切り抜きますか?

私はこれを約1週間試みてきました。私が何かを試みるたびに、それは失敗しました。それで私は他の人のコードをコピーすることに目を向けました...彼らはコードが彼らのために働いたと言いました...それでも私にとっては失敗しました。

私が気に入ったコードは次のとおりです。

Javaで画像を切り抜く方法(StackOverflow)

それで、それから私は基本的にこれをコピー/作成しました。

このコードで次のエラーが発生しました。

エラー2

エラー1

よろしくお願いします!

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

javascript - HTML5 Canvas の置き換え先

HTML5 Canvas を simple に置き換えようと<div> していますが、この行を置き換える方法がわかりません:

多分誰かがこれをに置き換える方法を知ってい<div>ますか?

例: http://jsfiddle.net/HDpMW/5/ (このコードは glacialflame.com から)

0 投票する
3 に答える
1235 参照

c# - WinForms 上の DrawImage() 関数が正しく機能しない

このビットマップを幅 2 ピクセルとして描画しようとすると、幅 1 ピクセル、高さ 256 ピクセルの BitMap を作成しました。

各ビットマップ列の間に白い細いストライプがあるため、ビットマップは正しく描画されません。以下の簡単なコードを参照してください

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

html - drawImage 用の使い捨ての 1 回限りの IMG

createElement("IMG")" " を使用して 2D キャンバスでのみ使用する場合、drawImage一時的な IMG はガベージ コレクションの対象になりますか? または、キャンバスはそれへの参照を保持しますか (もしそうなら、どうすればこの参照をクリアできますか)?

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

html - clearRectを使用して、drawImageでキャンバスに描画されたpng画像の一部を消去します

clearRectを使用して、drawImageを使用してキャンバスに描画されたpng画像の一部を削除することはできますか?

私はこのようなことを試みていますが、機能していません:

次に、clearRectを使用してマウスで消去します。消去は、drawLineを使用してキャンバスに追加されたストロークでは機能しますが、drawImageを使用した画像では機能しません。背景が単色ではないため、単色を描画するのではなく、clearRectにする必要があります。これを行うことは可能ですか?

0 投票する
3 に答える
84366 参照

javascript - Canvas で HTML5 ファイル API から画像を描画するにはどうすればよいですか?

HTML5 File API で開いた画像をキャンバスに描画したいと考えています。

handleFiles(e)メソッドでは、 File にアクセスできますが、をe.target.files[0]使用してその画像を直接描画することはできませんdrawImage。HTML5 キャンバスでファイル API から画像を描画するにはどうすればよいですか?

これが私が使用したコードです: