React JS でドラッグ可能な球線を作成する

ドラッグ可能なボールのビデオがオンラインにあります。この機能をreactjsで実装する必要があります。ボールを引きずってラインを越えることができ、キューを放すと元の位置に戻りません。複数のコードとメソッドを試しましたが、どれも期待通りに機能しませんでした。 React でこのような関数を作成するのに助けが必要です。方法を知っている人がいたら助けてください。 constBall=({color,onDragStart,onDragOver,onDrop})=>(<divclassName="ba

P粉448130258 2023-09-07 12:26:10 0  1  556

ドラッグ可能な DIV の位置を HTML テーブルに保存し、MySQL データベースに保存します。

ドラッグ可能な div をテーブル上に移動した位置を保存できるかどうか、またその方法を疑問に思っています。そうすれば、ページがリロードされると、中断した場所 (MySQL データベースから) に戻るようになります。関連記事をいくつか読みましたが、それらはすべて AJAX での jquery (イベント、ui) の使用に関するものでした。これは私のコードです: varp=document.getElementsByTagName('p');varchoice=document.getElementsByClassName('cho

P粉909476457 2024-02-03 18:37:10 0  1  419

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

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

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

phpstudy の php7.1.* バージョンはいつ利用可能になりますか?

phpstudy の php7.1.* バージョンはいつ利用可能になりますか?

SEAN 2018-03-03 14:59:06 0  4  1636

ドラッグ可能な Framer Motion コンポーネントの位置を保持

ウィジェットを移動できるウィジェット ダッシュボードを作成しています。私の目標は、ウィジェットをドラッグした後もウィジェットの位置を保持し、将来のセッションでまったく同じ場所に読み込まれるようにすることです。これは、フレーマーモーションで発生している問題を説明するコードサンドボックスです: https://codesandbox.io/p/sandbox/interesting-sun-p8h6cu。ウィジェットの初期の上端と左端の値は開始位置を正しく反映しますが、ドラッグすると

P粉449281068 2024-03-31 22:29:49 0  1  515

持続可能な MySQL データベース アーキテクチャの構築に関するビデオはありますか?

持続可能な MySQL データベース アーキテクチャの構築に関するビデオはありますか?

鹰 2019-06-19 11:29:36 0  0  1110

Vue Js で再利用可能なコンポーネントの変更可能なテキストを作成する方法がわかりません

チュートリアルを見ながら再利用可能なタブコンポーネントを作成しています。それを見た後、私はそれがどのように機能するかを理解しました。ただし、私のプロジェクトでは、これは再利用可能なコンポーネントであるため、変更可能なタイトルを持つタブを作成する必要があるため、新しいタブごとにタイトルを変更する必要がありますが、まだそれがわかりません。方法を調べてください。ページ <divclass="tab_header">{{title}} に追加したコンポーネント TabsWrapper から何らかの方法でタイトルを取得する必要があります。

P粉957723124 2023-09-03 22:33:40 0  1  542

こんにちは、ゾウ先生。なぜ装飾的な抽象模様も食べ物の抽象模様を継承するのでしょうか?追加しなくても実現可能です。

なぜ装飾的な抽象模様も食べ物の抽象模様を継承するのでしょうか?追加しなくても実現可能です。

浪子野心 2018-11-18 20:15:49 0  0  1071

angular.js - angularjs ng-grid スクロールバーなしで列をドラッグ不可に設定する方法

1. 特定の列をドラッグできません http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef。showGroupPanel: true を設定したため、ドラッグ アンド ドロップ フィルタリング API はドラッグできました。その属性が見つからない場合は、特定の列をドラッグ不可に設定しましょう。 2. スクロールバーなし http://ui-...

淡淡烟草味 2017-05-15 16:54:03 0  2  1433

angular.js - 将来、Angular のような開発テクノロジがブラウザに組み込まれる可能性はありますか?

AngularJS はまだ少し弱いかもしれませんが、よりシンプルで高速なブラウザー側の開発フレームワークがあれば、Chrome のような前衛的なブラウザーに組み込むことは可能でしょうか。

高洛峰 2017-05-15 16:49:13 0  3  732

JavaScript - フロントエンドの視覚化には何が含まれますか?また、フロントエンドの構成可能な視覚化の概念は何ですか?

大学卒業後、ある会社でインターンとして働いていたところ、部長から設定可能な Visual React コンポーネントを書くタスクを与えられましたが、この設定可能なコンポーネントの意味がよくわかりません。現在 Three を使用する予定です。 jsをコアとして、echartsに似たものを作成します...

漂亮男人 2017-06-12 09:31:52 0  2  849

1 つのコンテナ div 内のスペースを、切り替え可能な可視性と異なるコンテンツを持つ 2 つの div に均等に分配するにはどうすればよいですか?

4つのdivを含むdivコンテナがあります。 2 つのヘッダーと 2 つのコンテンツ div があります。ヘッダーをクリックすると、その下のコンテンツ div の表示が切り替わります。次の 3 つのシナリオを検討します。 両方のコンテンツ div が開いており (表示されており)、スクロールバーがあります。この場合、両方が利用可能なスペースの半分を占めるようにします。 1 つのコンテンツ div はスクロールバーの有無にかかわらず開かれます。この場合、利用可能なすべてのスペースまたは必要なスペースを占有したいと考えています。両方のコンテンツ div が閉じられています。この場合、タイトル di...

P粉289775043 2023-08-17 21:56:47 0  1  632

エラー NG0900 比較中にエラーが発生しました。配列と反復可能なオブジェクトのみが許可されます

*ngFor を使用するとデータをレンダリングできますが、次のエラーがスローされます。 エラー: NG0900: '[objectObject]' を比較しようとしたときにエラーが発生しました。配列と反復可能なオブジェクトのみが許可されます これは私のサービスメソッドです asyncgetEditions():Promise<Observable<Cigales>>{returnthis.http.get<Cigales>(url+"/candidates/edit)

P粉226667290 2024-02-25 19:15:04 0  1  556

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24 0  1  506

コマンド ラインで pwd と入力すると、それが内部コマンド、外部コマンド、または実行可能プログラムではないことが表示されるのはなぜですか?

コマンド ラインで pwd と入力すると、それが内部コマンド、外部コマンド、または実行可能プログラムではないことが表示されるのはなぜですか?

烟斗先生 2018-11-20 13:22:18 0  0  1682

php - Qiniu 大きなファイル (PDF、圧縮パッケージ) | 最大容量 2G より多くのダウンロードは可能ですか?

1. 同社は現在、印刷モールを運営しており、ユーザーは添付ファイルをアップロードする必要があることがよくあります。 2. 会社は、これらの添付ファイルが当社の製造仕様を満たしているかどうかを確認するためにダウンロードします。 3. その後、複数の承認と複数のダウンロードが行われる可能性があります。 一番大きなものには 2G の付属品が付いていますが、このようなビジネスに対する Qiniu の対応をお聞きします。

漂亮男人 2017-05-16 13:09:24 0  1  836

javascript - 編集可能な行データをantdテーブルのサーバーに保存するにはどうすればよいですか?

antdテーブルを使ってテーブルを作成し、各行が編集可能になっています 公式の書き方に合わせてコードを整理したので、具体的なコードは公式ドキュメントを参照してください こちら---&gt;&gt; https:/ /ant.design/components... 編集したデータをサーバーに保存したい場合は、まず...

我想大声告诉你 2017-07-05 10:39:14 0  1  1368

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  660

JavaScript - HTML5 のドラッグ アンド ドロップがパッド上で機能しない、その解決方法

パッドでは HTML5 ドラッグ アンド ドロップを使用できず、dragStart イベントをトリガーできません。

滿天的星座 2017-06-29 10:10:07 0  1  991

最小限の再現可能なサンプルを作成するためのオンライン サンドボックス Vuetify 3 テンプレートを見つけます。

Vuetify3 を使用しているときに、StackOverflow で質問したい問題に遭遇しましたが、そのためには、再現可能な最小限のサンプルを作成する必要があります。参照できるテンプレートはどこで見つけられますか?私が試したこと codesandbox.io で独自のサンプルを作成しようとしましたが、サンドボックスをあまり使用しないため、動作させるまでに長い時間がかかりました。既存の例を探すためにグーグルで検索しましたが、見つかりませんでした。 Vuetify ドキュメントで提供されている例を使用してみましたが、維持できないようです

P粉553428780 2023-08-16 12:30:32 0  1  642