相关疑难解决方法(0)

我正在研究如何在Google Docs Drawing中移动框时显示指南.在开始编写自己的代码之前,我更喜欢开源代码或任何类型的指南.

1. 我不需要跨多个浏览器窗口拖放,所以我不需要HTML5 Drag-n-Drop.
2. 我也使用jquery-ui-draggable for boxes.

这是我的代码:

http://jsfiddle.net/652nk/

HTML

<div id="canvas">
    <div id="dragme"></div>
</div>

CSS

#canvas {
    width:500px;
    height:250px;
    border:1px solid #444;
    zoom:0.7;
}
#dragme {
    width:100px;
    height:50px;
    background:#f30;
}

JS

$(function(){
    $('#dragme').draggable({containment:'parent'})
})

使用css zoom属性时遇到了一个重大问题.目标可拖动div的位置与光标位置不协调.

有没有干净简单的解决方案？我应该能够动态更改缩放.