に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉621033928 2023-07-25 12:33:23

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

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

巴扎黑 2017-05-16 13:36:00

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

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

P粉147045274 2024-03-31 17:20:31

複数のキャンバスからjpgをエクスポートする方法

レイヤーとして使用される複数のキャンバスがあります。 Canvasc1=backgroundimage.canvasc2=charactorimage.canvasc3=itemimage. 私のソースコードは次のとおりです。同じ場所に 3 つのキャンバスを設定します。 <divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">

P粉301523298 2024-04-03 21:02:43

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

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

高洛峰 2017-06-06 09:53:01

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

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

扔个三星炸死你 2017-06-10 09:49:16

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

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

仅有的幸福 2017-06-07 09:24:40

描画キャンバスがページ内でオフセットされるのはなぜですか?

説明するのは難しいです。でも試してみます。キャンバス全体がオフセットされます。これがどのようにして起こったのか、またはそれを修正する方法がわかりません。マウスがページの左上隅にあり、中央から開始する場合と同様に、マウスは Canvas 要素自体の左上隅と一致します。コードスニペットを使用して、私が話していることを理解してください。 letcurrentColor=null;letinputs=document.getElementsByClassName("style2");for(constinputofinput

P粉475126941 2024-03-28 22:16:10

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

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

黄舟 2017-05-24 11:36:27

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

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

PHP中文网 2017-06-13 09:24:08

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

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

大家讲道理 2017-05-31 10:41:27

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

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

phpcn_u1582 2017-06-14 10:52:41

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

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

过去多啦不再A梦 2017-07-05 10:57:31

JavaScript - キャンバス圧縮画像の最大圧縮率はどれくらいですか?

最近のプロジェクトでは、画像が圧縮されてアップロードされ、画像の圧縮に Canvas が使用されました。 Canvas では、画像ごとに最小圧縮率が異なることがわかりました。最大の 22M 画像の場合、最小のものは約 900k までしか圧縮できず、圧縮率は 0.036 です。そして、写真のうちの 1 枚 (わずか約 900k...)

大家讲道理 2017-06-12 09:28:20

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

JavaScript - キャンバスを使用して画像を変更すると、ちらつきの問題が発生します。

キャンバスを使ってちょっとしたゲームを作っていると、切り替えが必要な絵があってちらつきが発生するのですが、常に発生するわけではなく、発生しないときもあれば、発生しないときもあります。

阿神 2017-06-07 09:24:50

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

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

P粉547362845 2023-09-18 08:44:24

JavaScript - Canvas の画像圧縮の原理は何ですか?

Canvas の toDataURL メソッドは、WebP 形式に圧縮するなど、圧縮後の画像の形式と圧縮品質を指定できます。 {code...} toDataURL は画像のエンコードに Base64 を使用し、エンコードされたソースファイルは 33% 大きくなります。エンコード前、参照アドレスですが、quality パラメータで圧縮品質を指定できます...

给我你的怀抱 2017-06-26 10:55:55

javascript - キャンバスによって生成された画像を取得する方法

画像を合成する必要があるのですが、バックグラウンドのキャンバスで生成された画像を直接キャプチャしてフロントエンドに戻すことはできないでしょうか?

伊谢尔伦 2017-06-05 11:09:30

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

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

黄舟 2017-05-16 13:23:58