我继承了一个用jQuery编写的项目，允许用户将项目（可拖动的div）拖放到页面上（更大的div）。该页面是可拖动和可调整大小的，并且项目可以自由放置或彼此对齐并与页面边缘对齐。项目不能悬挂在页面边缘或重叠。
从另一个程序读入创建这些项目的数据。每个项目都有一个“实际”整数宽度和高度，单位为1 / 10mm。要创建表示这些项目的div，这些“真实单位”将使用缩放系数转换为像素（目前为50％，我们希望将来使其变为动态，以便用户可以放大和缩小）。
当用户对页面上的项目放置感到满意时，他们就可以导出他们的设计。项目相对于页面左上角的x，y像素位置使用相同的缩放系数转换回“实际单位”。
项目需要捕捉到5x5实际单位（0.5mm）网格。显然这是不可能的，因为5个实际单位= 2.5px，尽管我们希望无论比例因素如何都能工作。
在真实单位和像素之间往返的最简单方法是什么，确保实际单位始终在网格上，同时保持像素表示一致？可以这样做仍然依赖于jQuery draggable / droppable / resizable类或者我最好重写整个事情吗？