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

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  825

vimperator はどのように省略形を使用してキャリッジ文字列を返すのでしょうか?

.vimperatorrc 設定には次の内容が含まれます: {code...} 次の効果 {code...} を実現したいのですが、実際の効果は {code...} です。アドバイスをお願いします。

漂亮男人 2017-05-16 16:34:38 0  1  752

JavaScript - echartsのヒストグラムのグラデーションカラーの問題

echartsのヒストグラムではグラデーションカラー効果を実現できますが、次のようなグラデーションカラー効果は実現できますか? お答えください。つまり、斜めのグラデーションカラー

三叔 2017-06-12 09:30:45 0  1  947

javascript - JS コード ステートメントの非順次実行。シングルステップ操作は正常ですが、問題が直接発生します。

ポップアップ ボックスが 3 秒後に自動的に非表示になることを実現したいので、次のコードを設定します: {code...} シングルステップ デバッグでは問題ありません。順次実行されます。つまり、ブレーク ポイントです。効果は想像したものと同じですが、中断はありません。直接「実行」をクリックした場合、この効果は発生しません。 js の実行時に独自のものが必要だと思いました...

滿天的星座 2017-06-26 10:50:14 0  4  681

sort - JavaScript でオブジェクトの配列の順序を手動で指定します

オブジェクト配列があります。指定した順序で並べたいです。以下のように、指定した名前の順序で並べます。純粋なネイティブ JavaScript を使用して、次の方法で実行します。 lodash ですか、それとも他のサードパーティですか? 有名なスイートは次のような効果を実現できます。

淡淡烟草味 2017-06-28 09:27:54 0  2  699

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42 0  7  1242

object-c - tableview またはscrollView に関する iOS のスライディング問題

タイトルがこのような場合、実現したい効果はスライドダウンの過程です。たとえば、下の図はテーブルビューで作成されています。ここでスライドしても動きません。実現したい効果は次のとおりです。青い色が画面の半分に達していない場合（その位置はほぼOK）、自動的に最初の行、つまり赤い行のみに戻ります...

PHP中文网 2017-06-20 10:06:07 0  1  869

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  526

javascript - キャンバスでのマウス座標の取得に関する問題

ウィンドウ付属のお絵かきボードの線画機能のような線画効果をマウスで作りたいと考えています。これにはマウスの座標を取得する必要があるのですが、キャンバスに線を引くといつもカーソルの下にはっきりと線が引かれず、座標が正確に取得できていない気がします...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  609

vim が言語ごとに異なるキーマッピングを採用する方法

この効果を得るために中括弧を入力左中括弧にマップしたいのですが {code...} ホーム ディレクトリの .vimrc を変更することで効果を実現できます。問題は、この設定がすべてのファイルに対して有効であることです。C++ では、このような効果を出したいのですが、他の言語(python/luaなど)ではそのような効果を出したくありません...

伊谢尔伦 2017-07-03 11:42:28 0  1  1235

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  923

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  837

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11 0  3  1237

php - palconクエリのメモリ枯渇の問題

palcon フレームワークを使用して、次のクエリ {code...} を実行します。その結果、php-fpm プロセスがエラーを報告します: 2017/06/27 17:07:49 [error] 60709#0: *1028 FastCGI sended標準エラー出力: 「PHP メッセージ: PHP 致命的エラー: 許可されたメモリ サイズは 536870912 バイトです...

ringa_lee 2017-06-28 09:22:58 0  1  823

css - div 適応高さが残りの高さを自動的に埋める

固定ボックスでは次の効果を実現するために絶対配置が必要ですが、絶対配置を行わずに次の方法を実現できる専門家がいることを願っています。アドバイスをお願いします {コード...}

过去多啦不再A梦 2017-05-31 10:40:40 0  3  1066

javascript - JS イベント委任操作 ul li タグに関する問題

まず、実現したい機能について説明します。これは、ul 内の li タグをクリックして、現在クリックされている li を削除することです。しかし、何度も試してみましたが、思ったような効果は得られませんでした。現在の質問は次のとおりです。現在クリックされている li の添字を取得するためのより直接的な方法を使用する方法と、添字を取得するための for ループは Baidu Taolai です。

巴扎黑 2017-06-28 09:27:49 0  2  872

javascript - H5 テクノロジーを使用して WeChat、Alipay に似たバーコードを実装し、全画面をクリックすると自動的に横向きモードに切り替わりますか?

題して。 H5+ を使用して APP を開発しました。QR コードをクリックして拡大する機能が実装されました。バーコードをクリックして拡大する効果と横画面をより効果的に実現する方法は、図 3 に示すように、Alipay や WeChat の決済インターフェースに似ています。 。うまくできませんでした。皆さんには、エレガントな実装方法を提供してください。

扔个三星炸死你 2017-06-14 10:50:51 0  3  1245

./foo/bar/utility/baz.php にある Foo\Bar\Baz クラスは、psr-4 自動読み込み標準に準拠していません。縄跳び

コンポーザーの更新、インストール、要求、ダンプ自動ロードなどを実行すると、突然次のような黄色の非推奨通知を受け取り始めました: ./foo/bar/utility/baz.php にある Foo\Bar\Baz クラスは psr に準拠していません-4 標準の自動ロード。飛び越える。 Composer 2.0 より前では、通常、次のメッセージが表示されます。 非推奨の通知: ./foo/bar/Baz.php にある Foo\Bar\Baz クラスは、psr-4 自動読み込み標準に準拠していません。

P粉052724364 2023-10-26 16:51:34 0  2  655

Angular 16: Angular マテリアル チェックボックス (MDC) のサイズを変更するにはどうすればよいですか?

現在レガシーとみなされているマテリアルでは、チェックボックスのサイズを次のように設定できます: .mat-checkbox-frame{width:1.5rem;} MDC で同じ効果を実現するにはどうすればよいですか?

P粉254077747 2023-08-18 11:42:41 0  1  459