
假设我们有两个 div,一个内部 div 和另一个外部 div。
内部 div 负责缩放和平移(使用 css 变换、平移和缩放完成)。
现在可以通过拖放将新的 div 添加到内部 div 中。放置事件被outerdiv
一个经过完善设计的经典网上购物系统,适用于各种服务器环境的高效网上购物系统解决方案,shopxp购物系统Html版是我们首次推出的免费购物系统源码,完整可用。我们的系统是免费的不需要购买,该系统经过全面测试完整可用,如果碰到问题,先检查一下本地的配置或到官方网站提交问题求助。 网站管理地址:http://你的网址/admin/login.asp 用户名:admin 密 码:admin 提示:如果您
0
现在,在放置事件期间,您可以获得 clientx、clienty 位置,现在使用它找到相对于内部 div 的正确放置位置。
这是一个可能的解决方案(但是缩放时最终位置有偏移)
handleDrop = (e) => {
const canvasContainerRect = outerDivBoundingRect()
// const canvasRect = innerDivBoundingRect()
let finalPosition = {
x: (e.clientX - canvasContainerRect.left - translateX) / zoom,
y: (e.clientY - canvasContainerRect.top - translateY) / zoom,
}
console.log("final: ", finalPosition)
}
以上就是你能解决这个问题吗?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号