キャンバスの縮尺とキャンバスのサイズにはどのような関係がありますか?

キャンバスの縮尺とキャンバスのサイズの関係は何ですか? 最終的な目標は、ユーザーが縮尺を変更できるようにすることです。

P粉621033928 2023-07-25 12:33:23 0  1  527

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

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

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

javascript - キャンバスを使用して電子署名を実装し、キャンバス内にマウスの座標を配置します

キャンバスを使用して電子署名を実装しようとすると、キャンバス内のマウスの座標が正確に取得できません。 {コード...} ev.clientYを使用してマウスの座標を取得しますが、canvas.offsetTopは親要素から高さを取得します。そして、キャンバスはスクロールバーのある形式になっているので...

巴扎黑 2017-05-16 13:36:00 0  1  557

JavaScript-キャンバス描画

初めて Canvas のdrawImage を呼び出してローカル画像の一部を描画する関数を作成しました (成功する可能性があります)。次に toDataURL を呼び出して Canvas によって描画された画像を画像オブジェクトの src 属性に変換します。キャンバスに描かれた絵は、二次描画でも同じメソッドを呼び出します...

PHP中文网 2017-07-05 10:46:27 0  1  725

html5 - キャンバスが toDataURL データを取得できない場合がある

質問: 1. 理由はわかりませんが、canvas が描画データを取得できず、「data:;」だけが取得されることがあります。これをどこで間​​違って書いたか教えてください。 2. Canvas をこんな感じで書いていますが、最適化する必要があるものはありますか? 関連コード: {code...} {code...}

高洛峰 2017-06-06 09:53:01 0  2  877

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

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

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

javascript - キャンバスの画像処理に関する問題

ユーザーがアップロードした画像を処理するにはキャンバスを使用する必要があります。ユーザーがアップロードしたサイズは非常に大きい可能性があります。たとえば、現在のブラウザ ウィンドウの幅と高さを超えるため、表示領域に比例して拡大縮小します。ブラウザの画像をキャンバス上に描画しますが、これはユーザーの絵を縮小することに相当します...

扔个三星炸死你 2017-06-10 09:49:16 0  3  968

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

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

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

キャンバスの *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  1439

正確なマウス座標を取得できない問題: ページのサイズを変更するときに 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  728

javascript - ネイティブキャンバスのキャンバス内のタッチイベントの座標を取得するにはどうすればよいですか?

Canvas が Mousedown イベントに応答すると、event.offsetX と offsetY を通じて要素の内部座標を抽出できます。その後、touchstart に変更しましたが、offsetX と offsetY がありません。要素の内部座標はどこで見つければよいですか?

黄舟 2017-05-24 11:36:27 0  3  701

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

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

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

javascript - キャンバスは toDataUrl() エラーを使用します。img 設定 img.crossOrigin = "*" は役に立ちません。

このページにはスクリーンショット機能があり、画像がローカルで生成され、canvas に変換され、canvas から png に変換されますが、canvas.toDataUrl() はエラーを報告し続けます: {code...} コードは次のとおりです。 {コード... }

过去多啦不再A梦 2017-07-05 10:57:31 0  1  823

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

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

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