如何在放大画布后将对象保留在鼠标光标上 - html5

Question

我正在尝试在HTML5中创建面板对齐网格对象，但是， 应用缩放后出现错误：拖动时我无法将对象保留在鼠标光标上，为什么？

You can see it as the following JSFiddle illustrates:

控制当前行为的主要功能如下：

hbox.on('dragmove', function(e) {
    var offsetX = e.offsetX || e.layerX,
    offsetY = e.offsetY || e.layerY;
    cellX = Math.floor(offsetX/CELL_SIZE)*CELL_SIZE-CELL_SIZE/2+3;
    cellY = Math.floor(offsetY/CELL_SIZE)*CELL_SIZE-CELL_SIZE/2+.5;
    hbox.setX(cellX);
    hbox.setY(cellY);
});

非常感谢任何可以提供帮助的人。