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

キーを指定してキーの最初の数層を取得する方法。JavaScript を使用するのが最適です。

{ {code...} } オブジェクトのデータ構造はこんな感じです AttackArrow.jsonというファイル名がわかったら、このファイル名から特殊効果1/特殊効果1_1を取得したいのですが、取得方法は同等ですファイル AttackArrow.json をクリックします。それがどのフォルダー ディレクトリにあるか知りたいです。

三叔 2017-06-28 09:28:20 0  2  819

java - 同じメソッドに対して、異なるソースからの呼び出しを異なる方法で処理するエレガントな方法はありますか?

コントロールを書いていたとき。 ViewPager を継承するクラス subViewPager があり、この ViewPager の getCurrentItem() メソッドを別の場所で使用する必要があります。これは、このコントロールの特定の座標を取得することを意味します。ただし、私の ViewPager は特殊効果用なので、そのままにしておきます...

淡淡烟草味 2017-07-03 11:42:06 0  2  1265

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

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

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

vimプラグインvimwikiで特殊文字のリテラル値を使用するにはどうすればよいですか?

たとえば、次のようなテキストを生成したいとします。 ` はバッククォート、 ` は特殊文字です。 ただし、出力 HTML は `` を <code> タグに変換します。 結果の出力コンテンツは次のようになります。 、 ` は特殊文字です。vimwiki にはエスケープ文字はありますか? -------

某草草 2017-05-16 16:42:30 0  1  1015

JavaScriptオブジェクトの問題

jsオブジェクトについて、実際の開発でよく使われる知識は何ですか？配列？時間？正規表現？たとえば、スライドショーやその他の特殊効果にこれらを使用する必要がありますか?

PHPz 2017-05-18 10:52:15 0  4  579

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

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

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

JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  461

php - ci3.0 でキャッシュを実装するにはどうすればよいですか?

ci3.0でデータベースデータを実装したいのですが、ciマニュアルに従ってキャッシュしてもページ効果は平均的なままなのですが、もっと良いキャッシュ方法はありますか？

曾经蜡笔没有小新 2017-07-05 10:46:03 0  1  864

vim - iterm2 構成の問題

他の人のオンライン設定に従っても効果がいつも得られないのはなぜですか? ここに表示される内容は常に 1 つだけです: 私に何か問題がありますか?教えてください

滿天的星座 2017-05-16 16:36:03 0  3  673

VB.Net の MySQL に有効なテキストボックスのみを挿入します

VB.Net で在庫管理システムを作成しています。その基本機能は、受信した請求書を処理することです。リモートの MySQL データベースにデータを挿入したいのですが、これはテキストボックスが有効になっているとみなされる場合に限られます。すべてのフィールドを挿入したい場合、データベースにデータを挿入するのに問題はありません。ただし、チェックボックスで特定の製品を有効にし、従業員が特定の項目のみを入力できるようにしたいと考えています。チェックボックスは必要に応じてテキストフィールドを有効または無効にしますが、データがデータベースに挿入されると、すべての製品タイプに null 値が入力されます。請求...

P粉043432210 2024-02-21 19:42:03 0  1  423

javascript - vue 再帰コンポーネント内にネストされたコンポーネントを記述するにはどうすればよいですか?

外側は再帰的なコンポーネントですが、内側は特別な処理が必要でコンポーネントに分割されているので、この効果を実現したいのですが、デモは https://jsfiddle.net/u5x1hvbh/ にあります。

phpcn_u1582 2017-05-19 10:32:57 0  1  653

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1100

javascript - 検証コードを取得するためのjsコード カウントダウン問題

確認コードのカウントダウンを取得するとき (たとえば、カウントダウンは 40 秒です)、リンクをクリックして別のページに移動します (_self、このページはジャンプし、新しいタブは開きません)。一定時間が経過したら、「戻る」をクリックします。ボタンを押してカウントダウン ページに戻ります。カウントダウンは 40 秒から始まります。望ましい効果は、実際のイベントに従ってカウントダウンが継続することです...

漂亮男人 2017-07-05 10:50:31 0  3  969

Woocommerce の「チェックアウト テーブル注文レビュー セクションの変更」の中国語訳は、「Woocommerce チェックアウト テーブル注文レビュー セクションの変更」と呼ぶことができます。

友人の解決策に従って、Woocommerce のチェックアウト注文レビュー セクションを変更しました。支払い後に情報テーブルの CSS を編集するだけで済みます。このテーブルの CSS はどのファイルで変更すればよいですか?ページの上部で右揃えにしたいので、セレクター自体と id:display:flex;align-items:right; を使用してみましたが、効果はありません

P粉904450959 2023-08-28 16:41:39 0  1  489

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  690

javascript - jQueryまたはCanvasの統合表示効果アイデアソリューション

図に示すように、クレジット スコア 100 は Angular.js を通じてデータ バインドされています。次に、jQuery または Canvas を使用して、クレジット スコア ページに特別な効果を作成する必要があります。ユーザーの開始クレジットは 100 で、小さな白い一番右にある丸は、100ポイントを超えるとユーザーの信用スコアが増減します。100ポイントを超えると、...

怪我咯 2017-05-19 10:28:23 0  4  602

JavaScript - vue2 によるクリック イベントのトリガーについて

ここで、クリック イベント @click="a()" にバインドされた li がいくつかあり、各 li の ID が異なります。ここで、ページに入るときに特定の ID を持つ li の @click イベントをトリガーしたいと考えています。方法を聞いてもいいですか? jQuery の .click() を書いても効果はありません。たとえば、li の ID は 1 2 3 4 5 です。ページに入りたいのですが...

为情所困 2017-05-18 10:52:52 0  4  541

Vue + Laravel プロジェクトの vue-awesome-swiper では Z-index が機能しません

私は Vue+LAravel プロジェクトで vue-awesome-swiper https://madewithvuejs.com/vue-awesome-swiper を使用しています。これが私が達成したい結果です。スライド矢印は上部にあり、クリック可能です。代わりに、私が実装しているのはこれです。スライド矢印は上部になく、クリックできません。 vue-awesome-swiper が機能するには、コードが特定の形式に従う必要があります。これは私が使用しているスワイプ コードです: <divclass=&quo

P粉391955763 2023-12-05 12:05:29 0  1  629

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  612