css的zoom属性缩放了0.75 导致拖拽div的鼠标偏移,更别说拖拽div调整大小了
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
已结题
zoom缩放页面,怎么解决鼠标的偏移量
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫点击复制链接分享
- 邀请回答
- 编辑 收藏 删除
- 收藏 举报
1条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
CSDN专家-天际的海浪 2021-05-30 16:54关注zoom是缩放页面元素,鼠标获取的坐标并没有缩放。
你要获取鼠标的坐标之后乘以zoom的缩放比
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
微信扫一扫点击复制链接分享
评论按下Enter换行,Ctrl+Enter发表内容
报告相同问题?
提交
- 2024-08-15 15:36果酱小米粥的博客 解决办法是给echarts加上zoom、transform:scale、transform-origin这三个属性将页面的比例进行还原。项目中使用vue+echarts实现大屏页只展示河北省地图,并且鼠标滑过显示井的详情信息。因为页面进行了等比缩放,...
- 2017-09-26 15:42繁花落雨的博客 //鼠标按下时移动的偏移量 var mouseMoveX = 0 ; var mouseMoveY = 0 ; //div的位置 var div_x = 0 ; var div_y = 0 ; function myWheel () { var cont = document.getElementById( ...
- 2019-09-03 13:19例如,你可以通过`panBy(x, y)`方法平移SVG,其中`x`和`y`分别代表在X轴和Y轴上的偏移量;通过`zoomTo(level)`方法改变缩放级别,`level`为新的缩放比例。此外,还可以使用`fit()`来使SVG内容自适应视口,`center()`...
- 2024-11-04 16:04江一呀的博客 使用element自带的popper-append-to-body,可以解决单个seleted的偏移问题,但是整个项目乱七八糟的一抹多,总不能每个都写上:popper-append-to-body=false,这个方法就放弃了。上面的方法都试了,没效果,那还是靠...
- 2019-01-12 11:56笨南北的地图日常的博客 var phone={ enableMessage:false} var map1 = new BMap.Map("allmap"... map1.centerAndZoom(new BMap.Point(116.404, 39.915), 9); var point1 = new BMap.Point(116.404, 3...
- 2024-01-05 10:46baidu_34831792的博客 即turn.js中 e.pageX/zoom ,e.pageY/zoom。在翻页这里,需要将原来的e.pageX和e.pageY除以缩放量。页面缩放后需要计算偏移量。
- 2023-07-04 10:35shua_1990的博客 比如:上面图片尺寸是50*50;那么下面offset的值是 x轴是-(50/2),Y轴是50。设置定位图标,在伸缩的时候,会导致定位点的图标出现偏移;...设置marker里面的offset偏移量。值的计算:icon里面image图标尺寸。
- 2024-04-07 18:58HahaMonsters的博客 D3JS 画布缩放与平移
- 2023-03-26 21:39astonishqft的博客 通过矩阵的方式用 Canvas 实现以鼠标当前位置为原点缩放及画布拖动,理解起来更加容易(当然前提是要有一定的数学基础,起码了解过矩阵),大大减少了代码量,同时缩放和拖拽的逻辑可以复用,不仅是在Canvas中,普通...
- 2022-03-06 17:42小泽今天早睡的博客 Promise 是一种为了避免回调地狱的异步解决方案 2. Promise 是一种状态机: pending(进行中)、fulfilled(已成功)和rejected(已失败) 只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这...
- 2024-10-24 20:05夜郎king的博客 本文即重点介绍如何在Leaflet中进行DidIcon信息标注时,应对空间对象重叠的问题,如何去解决。文章首先介绍一些可能的解决办法,然后介绍如何基于rbush和Leaflet.LayerGroup.Collision.js这两个组件来实现,最后介绍...
- 2021-08-04 20:52爱思考的猪的博客 //在页面中添加svg 支持拖拽和缩放 var svg = d3.select("#body").append("svg").attr("width", 1000).attr("height", 1000) .call(d3.zoom().scaleExtent([1, 3]).on("zoom", function redraw(event: any) { ...
- 2024-08-16 16:06田子²的博客 解决openlayers地图实例等比缩放后,落点的位置及中心点的位置偏移
- 2022-11-13 17:06小镇庆山的博客 前端面试八股文,知识点广而全,内容会及时更新
- 2024-11-19 13:20王呐侃的博客 // 计算新的滚动偏移量 (保持鼠标指向的内容点不变) // 计算换算比例 double xRate = _scrollViewer.ExtentWidth / _grid.ActualWidth; double yRate = _scrollViewer.ExtentHeight / _grid.ActualHeight; ...
- 2024-04-28 17:46嚣张农民的博客 缩放的功能,项目是vue3的所以找到这个组件,很简洁,api文档描述的也清楚,能够快速3分钟内搞完一个功能文档地址:...。
- 2025-04-22 23:00患得患失949的博客 )进行布局,结合 JavaScript 动态设置根元素的字体大小,实现页面元素随屏幕尺寸变化而自适应。通过 CSS 的媒体查询,根据不同的屏幕尺寸应用不同的样式,实现页面的自适应。需要兼容多种屏幕尺寸和...
- 2022-06-11 21:46哎呀你干嘛啊的博客 link和@import的区别浏览器如何实现不同标签页的通信?...如何解决页面内容加载缓慢的问题?cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
- 2024-03-28 16:05向明天乄的博客 由于项目需求需要在Echarts地图已有项目城市做标记并且牵扯到Echarts地图下钻前地图带有散点又要对下钻后的地图也要带有...散点就会出现偏移,位置不对,塌陷,后来解决了这个问题,再次做个记录也分享给需要的朋友。
- 没有解决我的问题, 去提问