問題タブ [snap-to-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1021 参照

html - JQueryまたはキャンバスレイアウトツール(グリッドにスナップ)

このhttp://wordsquared.com/のようなものに似た、ある種のドラッグアンドドロップスナップをグリッドに実装しようとしてい ます。JQuery UIを使用して、アイテムの位置を保存しようと考えていました。グリッドにスナップするようで、保存はかなり一般的なシナリオです。私はこれをすべてDrupalで実装しようと考えていました。提案、例、私が気付いていないことは非常に役に立ちます。

0 投票する
1 に答える
12994 参照

javascript - JavaScriptでグリッドにスナップする

等間隔のグリッドを使用してグリッド値へのスナップを計算するJavaScript関数を探しています。

これで、基本的な解決策として正常に機能する次のコードができましたが、スナップ位置からたとえば2px以内の場合にのみスナップする必要があります。たとえば、30pxの間隔のグリッドと2pxの制限を使用すると、0pxと2pxの間でスナップします。 28pxと32px、58pxと62pxなど。

どうもありがとう

0 投票する
4 に答える
818 参照

c# - MouseMove の前にマウスがどこにあるかを知る方法

シーン内のグリッドの端にカーソルをスナップする機能をアプリケーションに実装しようとしています。現状では、現在のMouseMoveが提供するe.Locationを取得し、ワールド座標に変換して画面に戻すフレームワークがあります-値は一致します。以下の基本的なコードの概要を参照してください。

私が抱えている問題は、マウスが移動した後に MouseMove が呼び出されるという事実です。そのため、グリッドの端にぶつかると、フレームのマウスのオーバーシュートが表示され、それ自体が修正されます。これにより、マウスを動かすと、カーソルがエッジを越えてジッターします。端に当たったときにカーソルがそのトラックで停止するようにしたいのですが、マウスが動く前にデータをキャプチャする方法がわかりません!

おそらく私はこれについて間違っているので、どんな提案でも大歓迎です。

参考までに - これは、実装しようとしている SnapToGrid 機能の最初の部分です。

EDIT:より簡単な例:

以下の簡単な例を実行すると、私の問題を確認できます。カーソルを動かすと、フレームごとにカーソルがちらつくことに注意してください。

C# は、実際に Cursor を移動する前にMouseMoveをキャプチャするために API で何かをサポートしていますか、それとも Form.Cursorを非表示にしてレンダリングするだけの独自の Cursor クラスを実装することを検討する必要がありますか?その機能についても手がかりがありません)。

0 投票する
1 に答える
1313 参照

jquery - jQuery UIドラッグ可能から「グリッドへのスナップ」を無効にする方法は?

チェックボックスのjQuery UI Draggableベースから「グリッドにスナップ」を無効にする方法を誰もが知っています。

以下のコードを使用して、グリッドへのスナップを動的に有効にしています。

ありがとう、ソナル

0 投票する
0 に答える
337 参照

c++ - ドラッグ アンド ドロップ/スナップ機能を実装する QGraphicsGrid

これはQt/C++ で編集可能なフローチャートを作成するのフォローアップの質問です。

アイテムがグリッド内の独自の場所を占め、その後自動的に「セル」の中央に配置されるように、 aQGraphicsItemに aを追加したいと考えています。QGraphicsGridLayout私は と を使用してQGraphicsViewおりQGraphicsScene、任意の場所へのドラッグ アンド ドロップは機能しますが、見栄えが悪く、将来の開発で問題になる可能性があります。

アイテムがセルのグリッドと中央にスナップするようにするにはどうすればよいですか?

PS: http://qt-project.org/doc/qt-4.8/graphicsview-basicgraphicslayouts.htmlを例として見ましたが、これは私の問題を解決するのに役立ちませんでした。

また、このレイアウトとそのデータをテキスト ファイルなどに保存できるようにすることも理想的です。これを行うには 2D 配列が最適な方法だと思います。その配列に基づいて QGraphicsGridLayout を作成する必要がありますか、それともより良い解決策がありますか?

0 投票する
1 に答える
879 参照

javafx - グリッド機能 - グリッドペインまたはカスタム?

グリッドにスナップする人に要素を配置できるグリッドを作成したいと思います。

グリッドは 25x25 ピクセルのセルで構成され、1000x1000 セルの大きさになる可能性があります。すべてのセルに個別にアクセスでき、グリッドへのスナップやその他の機能をオフにできる必要があります。

これは JavaFX にあるため、GridPane と呼ばれるレイアウト コンポーネントがあります。私の質問は、すべてのニーズを満たす独自のシステムを作成する必要があるか、それとも既存の GridPane レイアウトを使用する必要があるかということです。

GridPane が必要なすべての機能を提供しないのではないかと心配しているため、現在、独自のシステムを作成することを考えています。