问题标签 [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 功能的第一部分。

编辑:一个更简单的例子:

您可以在下面运行简单示例时看到我的问题。请注意光标在您移动时如何在每一帧中闪烁?

C# 是否支持 API 中的任何内容以在实际移动 Cursor 之前捕获MouseMove,还是我应该只是研究实现我自己的 Cursor 类来隐藏Form.Cursor并只渲染我的(我需要研究的其他内容)也不知道该功能)。

0 投票
1 回答
1313 浏览

jquery - 如何从可拖动的 jQuery UI 中禁用“对齐网格”?

任何人都知道我们如何从基于复选框的 jQuery UI Draggable 中禁用“对齐网格”。

我正在使用下面的代码来动态启用对齐网格。

谢谢, 索纳尔

0 投票
3 回答
2995 浏览

uml - 如何在 StarUML 中对齐网格?

我正在使用 StarUML 制作一些图表并启用网格,但我找不到任何选项让对象对齐网格...

有没有人有办法解决吗?

谢谢

0 投票
0 回答
337 浏览

c++ - QGraphicsGrid 实现拖放/对齐功能

这是在 Qt/C++中制作可编辑流程图的后续问题。

我想将 a 添加QGraphicsItem到 aQGraphicsGridLayout中,使项目在网格中占据自己的位置,然后自动在其“单元格”中居中。我正在使用QGraphicsViewand QGraphicsScene,并且拖放到任何位置都可以,但它看起来很乱,并且在未来的开发中可能会出现问题。

我该怎么做才能使项目捕捉到网格并在其单元格中居中?

PS:我以http://qt-project.org/doc/qt-4.8/graphicsview-basicgraphicslayouts.html为例,但这并没有帮助我解决我的问题。

此外,最好让这种布局及其数据可保存到文本文件等。我假设 2D 数组将是做到这一点的最佳方式。我应该以某种方式基于该数组制作 QGraphicsGridLayout,还是有更好的解决方案?

0 投票
1 回答
879 浏览

javafx - 网格功能 - Gridpane 还是自定义?

我希望创建一个网格,您可以将元素放置在将捕捉到网格的对象上。

网格将由 25x25 像素的单元组成,并且可能有 1000x1000 大的单元。我必须能够单独访问所有单元格并能够关闭对齐网格和其他一些功能。

因为这是在 JavaFX 中,所以有一个名为 GridPane 的布局组件。我的问题是,我应该创建自己的系统来满足我的所有需求,还是应该使用现有的 GridPane 布局?

我目前正在考虑创建自己的系统,因为我担心 GridPane 无法提供我想要的所有功能。

0 投票
2 回答
1145 浏览

qt - 如何在 QGraphicsScene 中实现对齐网格?我的没用

我没有任何代码要显示,因为这是一年多以前的事了。我认为我使用了一个计时器。它工作得不是很专业。你会怎么做才能让它成为一个平滑的操作符?

我已经能够有效地绘制网格(即仅在视图中)。我只需要捕捉算法。

0 投票
2 回答
186 浏览

jquery - onclick clone() 在容器的 x&y=0 处可拖动以避免任何偏移

我正在尝试做与此jsFiddle类似的事情,但不是手动将小部件放在容器上,而是我想单击小部件,小部件会自动在容器的 x=0 和 y=0 上运行。然后当然可以拖放(但为此代码运行良好)。

这背后的原因是我想避免任何网格偏移。因此,一旦我得到 x=0 和 y=0,我就可以通过执行以下操作来信任容器内的网格:

我已经在谷歌上仔细检查过,似乎不可能捕捉一个以 x=0 和 y=0 开始的网格。由于页面的 Web 架构,总会有一个偏移量。但是,如果您有解决方案,我会接受!

0 投票
1 回答
34 浏览

macos - 使用 Shell 脚本运行“清理”右键单击菜单操作

全部。

使用可以按照我的意愿触发的 shell 脚本(BetterTouchTool),我想从右键单击桌面上的空白区域时出现的上下文菜单中运行“清理”选项。这只是重新排列所有桌面图标,以便它们捕捉到网格正方形。

我做了一些网络搜索,但我得到的只是自动清空垃圾和存档技巧。

如果有人知道如何做到这一点,请告诉我们。

谢谢