JavaScript-キャンバス描画

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

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

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

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

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

WebGL はインデックス 255 を使用したインデックス描画をサポートしていません

これは、uint8 値 255 のみを使用してインデックス バッファーを作成する最も単純な WebGL テスト プログラムです。サイズ 64px の赤い正方形が描画されるはずですが、描画されません (描画にはインデックス値は関係ありません)。どういうわけか、WebGL は、符号なしバイト範囲内にあるにもかかわらず、インデックス 255 の要素を無視します。 254 またはその他の値を使用すると、赤い四角形が期待どおりに表示されます。これは WebGL のバグですか、それとも予期された動作ですか?関連する情報が見つかりません。 letcanvas=ドキュメント.クエリ

P粉265724930 2023-08-17 12:37:59 0  1  491

JavaScript - キャンバス描画のモザイクの問題を解決します。色の選択が常に不正確です

マウスで描画するとき、マウスの現在の領域の色の値を取得してからブラシの色を設定しますが、色の選択は常に大きく異なります。何か問題があるのか​​わかりません私の計算です。助けてください! {コード...}

三叔 2017-06-08 11:03:00 0  2  931

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

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

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

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

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

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

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

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

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

html5 - CSSアニメーションを使用した説明：ボールが上下に跳ね返ります（継続時間2秒、1回実行）

CSS アニメーションを使用して説明: ボールが上下に跳ね返ります (持続時間 2 秒、1 回実行)

巴扎黑 2017-05-16 13:44:36 0  2  726

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

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

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

javascript - CANVASで描画されたグラフィックを確認する方法

たとえば、線を使用してハートや V を描いている場合、キャンバス上に何を描いているかをどのように判断できますか? 。ハートかVかを判断するにはどうすればよいですか？ 。そして、二人の絵の類似性を判断します。条件は複数のストロークではなく 1 つのストロークにすることができます

PHP中文网 2017-05-16 13:27:54 0  2  677

JavaScript - echarts によって生成されたアイコンを再描画する方法

プロジェクトでは echarts3 を使用します。初期化すると echarts 円グラフが生成され、クエリ後に円グラフが再生成されます。echarts を再描画する方法についてアドバイスをお願いします。

某草草 2017-05-16 13:38:52 0  1  730

皆さんにお聞きしたいのですが、このウェブサイトで録画した動画を録画するのにどのような画面録画ソフトを使用していますか?

皆さんにお聞きしたいのですが、このウェブサイトで録画した動画を録画するのにどのような画面録画ソフトを使用していますか?

极世 2018-04-04 11:49:42 0  3  1393

画像タグの編集

画像アドレスの編集方法

sunshine bloom 2018-01-03 11:20:19 0  1  1460

写真内の画像のアスペクト比

次のようなタイトルの画像があります。 タイトル CSS には img{max-width:100%} もあります。画像の幅と高さを同時に設定し、幅が設定値を下回った場合でもそのアスペクト比を維持したいと考えています。それで、私は次のようなコードを試しました： タイトル これはほぼ私が望むものですが、画像が「レターボックス化」されている場合、タイトルは画像の下部からかなり離れています。タイトルを画像の下部にぴったりと合わせたまま、希望の結果を得る方法はありますか?

P粉557957970 2023-08-17 20:24:04 0  1  515

php - 画像に 2 つの透かしを追加する、または 3 つの画像を 1 つの画像に結合する

画像に 2 つのウォーターマークを追加するか、3 つの画像を 1 つの画像に結合します。ウォーターマークを 1 つ追加するのは問題ありませんが、2 つのウォーターマークを追加することはできません。

PHP中文网 2017-06-05 11:09:00 0  3  1047

javascript - Canvas ページ上でマウスをクリックしたとき、その点の位置がその中に描かれた線の上にあるかどうかを判断するにはどうすればよいですか?描かれた線で何かがイベントをトリガーしますか?

以下は、下線付きのコードの 3 つのセクションです。編集モードに入ると、マウスの左ボタンをクリックすると、vcanvas 内の左ボタンの対応する位置が記録されます。クリックした点が描画した線分上にあるかどうかを確認するにはどうすればよいですか? //これは下線付きのキーコードです {code...}

世界只因有你 2017-06-13 09:24:19 0  1  1204

画像の挿入

画像はどのファイルに入れるべきでしょうか?

Pervenu 2019-09-22 13:04:29 0  0  1164

背景画像の設定、全画面表示、ページの背面に設定する方法（HTML、CSS、JavaScript）

作成中のこの単純なゲームに背景画像を設定したいのですが、画像を入力画面の中央に配置し、ページの高さと幅をすべてカバーする方法がわかりません。また、画像を背景にしてゲームを画像の上に置き、画像を一番下のレイヤーにしたいと考えています。 letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getComputedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51 0  2  420

ハイチャート: スクロールバーのみが描画領域をカバーするようにします。

これは、highcharts ドキュメントのスクロールバー チュートリアルに基づいたサンプル チャートのフィドルです: https://jsfiddle.net/zao68u2k/1/ デフォルトのデモに加えた唯一の変更は、scrollablePlotArea :{ によってマスクを削除することでした。 opacity:1,}マスクがなくなったので、スクロールバーがチャートの幅全体を占めるのは意味がありません。画像でシミュレートしたように、軸を含まずにプロット自体の幅だけになるようにスクロールバーを短くしたいと考えています。出来ますか？

P粉692052513 2023-09-16 11:04:01 0  1  1045

PHP 画像アップロードの問題を修正: 複数の投稿で新しい画像をアップロードするには、前の画像を置き換えます

PHP アプリケーションの画像アップロード機能で問題が発生しています。状況は次のとおりです。ユーザーが投稿を作成し、投稿に関連する画像をアップロードできるフォームがあります。画像を添付して最初の投稿をアップロードすると、すべてが正常に動作し、画像はサーバーの「Uploads」というフォルダーに正しく保存され、名前 (post1_image.jpg など) で保存されます。ただし、最初の画像と同じ名前の別の画像 (post1_image.jpg など) を使用して 2 番目の投稿をアップロードしようとすると、質問

P粉788765679 2023-09-14 11:27:48 0  1  502