キャンバスが空白に見えますか?

BlazePose から取得できるキャンバスにキーをレンダリングしようとしていますが、キーをキャンバスに描画することができないようです。各キーポイントの x と y はわかっており、取得されていますが、それらをキャンバスに表示することができません。スタイルを変更しようとしましたが、今のところ成功していません。ご協力いただきありがとうございます。 constvideo=document.getElementById('webcam');constcanvas=document.getElementById('output')constl

P粉147045274 2024-03-31 17:20:31 0  1  514

JavaScript - 画像をキャンバスにドラッグします

この効果を確認するのに専門家がいますか? 右側の画像をキャンバスにドラッグして編集できます。どのようにして実現されますか? 詳しく説明していただけますか? 至急です。

phpcn_u1582 2017-06-14 10:52:41 0  2  879

キャンバスの *2* 高さの値を取得しますか?

このキャンバスの 2 つの高さの値を取得しようとしています。 <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas> Canvas.style.height を使用してスタイルにアクセスできることはわかっています。 ; そのうちの1つですが、入手方法は次のとおりです。

P粉604848588 2024-04-05 09:32:33 0  1  1432

JavaScript - キャンバス上の画像を変換するには?

たとえば、次のような画像があります。{code...} 画像の幅と高さは1280x600で、transform属性はtranslate(6px, 6px)scale(1.5)rotate(100deg);と教えてください。私が作成した画像は何ですか? 1280x600 のキャンバスに合わせるにはどうすればよいですか?

黄舟 2017-05-16 13:23:58 0  3  459

javascript - キャンバスで半透明のモザイクを描画するのに役立ちますか?

私の要件は、ユーザーがマウスを使用してアップロードされたドキュメントをモザイクできるようにすることです。私のアイデアは、マウス イベントをキャンバスにバインドし、ユーザーがマウスを押したパスに沿ってドキュメント上に半透明の png を描画することです。今は半透明を使用したくありません。 PNG オーバーレイ、キャンバスを直接使用してマルセイユを生成したい...

仅有的幸福 2017-06-07 09:24:40 0  1  854

JavaScript - キャンバスの空の領域を切り取る

Canvas を使用して電子署名を作成しましたが、ユーザーの署名後に空白が多すぎました。空白スペースをキャプチャする方法はありますか?例の元画像: 署名プロセス中に、マウスが通過した領域を取得し、以下に示す赤い領域の座標を取得しました。 次に、それを img オブジェクトに渡し、キャンバス上に描画します。

黄舟 2017-05-16 13:26:16 0  5  1013

画像をドラッグしてキャンバスに配置するためのステップバイステップのガイド

作成したときと同じサイズでキャンバス内にいくつかの画像をドラッグアンドドロップしようとしていますが、機能しません。 //JavascriptperlacreazionedicirucuitielettriciconstNUMERO_CICLO=990;constNUMERO_CICLO_INTERNO=60;constresistor=document.getElementById("component_circuit_resi

P粉207483087 2024-02-17 14:46:45 0  1  413

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  989

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  722

JavaScript - キャンバスデザインのマウス描画機能は、一度のストロークで複数の平行な色付きの線を描画します

1. キャンバスデザインのマウス描画機能は、複数の色の平行線を一度に描画できます 2. マウスイベントに描画 oCg.beginPath(); を追加してみましたが、イベントが上書きされてしまいます。 3. 同じ方法で複製キャンバスを追加しますが、キャンバスは覆われます。

PHP中文网 2017-06-13 09:24:08 0  1  1233

一体、レッスン 5 ですか?

レッスン 5 に問題はありますか? Vue ビデオをキャンバス上で実行するにはどうすればよいですか?

One、旧梦i 2019-01-09 14:04:02 0  0  1073

JavaScript - ゲームの背景の動きの原理は何ですか?

たとえば、人が前に歩くと背景が後ろに移動し、キャンバスが切り替わります。

巴扎黑 2017-06-27 09:18:47 0  2  1030

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51 0  1  554

JavaScript - キャンバス ゲームを作成しました。マップ カメラがマップ オブジェクトをズームインすると、fps が非常に固まり、アニメーションが滑らかではありません。この問題はどうすれば解決できますか?

キャンバスであるカメラを拡大するためのCSSが不安定になるはずなのですが、どうすればよいでしょうか？

女神的闺蜜爱上我 2017-07-05 11:03:02 0  2  934

html5 - 花びら散乱エフェクトの書き方と花びらを多数生成する方法

{コード...} 一枚一枚書いているのですが、とてもめんどくさいので花びらがたくさんありません。数枚しかないのに、どうしたら無限に花びらを生成できるのでしょうか? キャンバスなしで実現できますか? または、どうすれば実現できますか?キャンバスで実現？

我想大声告诉你 2017-06-22 11:53:27 0  3  2037

背景画像変更時のちらつきを防ぐ方法

次のように、JavaScript を使用してキャンバスから div に繰り返し背景画像を適用しています。 varimg_canvas=document.createElement('canvas');img_canvas.width=16;img_canvas.height=16;img_canvas.getContext('2d') .drawImage(canvas,0,0,16,16);varimg=img_canvas.to

P粉590929392 2023-10-20 21:38:57 0  2  789

JavaScript - キャンバス上で鉛筆の線画効果を実現する方法

最近描いている線画は全てlinetoで描いているのですが、全て実線で描いているので、クリエイティブの効果という観点からすると、【鉛筆】を描いたような効果が欲しいんです～マスターの皆さん、描き方を教えてください。 。

習慣沉默 2017-05-24 11:37:40 0  1  1022

確認コードのコードはどこにありますか? コピーして実行してください。ほとんどのコードは入力しましたが、最後に、トレーニングが完了していない可能性があります。エラーが発生しました。未定義のメソッドです。

<?phpcheck_codo();//$img = imagecreate($width,$height);//キャンバスを作成し、幅と高さの 2 つの変数を渡します function check_codo($width = 100,$height = 50,$num = 4 , $type = 'jpeg'){ $img = imagecreate($width, $height); $string

。水波不清 2019-06-09 19:53:43 0  0  1153

JavaScript - キャンバスのギザギザを除去する方法

タイトルのような「キャンバスのグラフィックを作ったら端がギザギザになってしまった。Bicubic Interpolationの補間アルゴリズムを検索したのですが、わかりません。アドバイスをいただけませんかorz!!」

大家讲道理 2017-05-31 10:41:27 0  2  1046

JavaScript - ボディの高さがキャンバスの高さより 4 ピクセル大きいのはなぜですか?

css: {code...} html: {code...} javascript: {code...} 結果は次のようになります: 論理的には、キャンバスは本体と同じ高さであるべきではありませんか?なぜボディには 4 つの余分なピクセルがあるのですか?教えてください、ありがとう！

扔个三星炸死你 2017-07-05 10:48:24 0  1  671