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

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

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

ローカルコンピュータを使用してキャンバスイメージを生成する

getImageData() を使用できるように、ラップトップの <canvas> に画像をロードしたいと考えています。ローカルの .html ファイルで JavaScript を使用しています。これはライブの Web 指向のプロジェクトではなく、単なる個人的なプロジェクトです。これを実行しようとすると、次のエラーが発生します: UncaughtDOMException: Failedtoexecute'getImageData'on'CanvasRenderingConte

P粉547362845 2023-09-18 08:44:24 0  1  656

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

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

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

javascript - nodejsを使用して.htmlファイルをキャンバスに変換する方法

1. キャンバスに変換する必要があるページがあります。ページ内のコンテンツの一部は JS によって生成されているため、nodejs を使用してこのページを画像に変換する必要があります。この機能を実装するにはどうすればよいでしょうか?

滿天的星座 2017-06-06 09:52:47 0  1  564

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

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

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

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

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

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

JavaScript-キャンバス描画

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

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

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

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

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

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

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

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

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

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

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

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

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

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