首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery/javascript放大和缩小(绝对坐标未更改)

使用jquery/javascript放大和缩小(绝对坐标未更改)
EN

Stack Overflow用户
提问于 2015-07-24 11:45:33
回答 1查看 105关注 0票数 0

我使用$(window).resize(function())来获得窗口大小的变化,以及那些我想放大和放大的窗口。为什么要缩放?!,因为我有很多带有绝对坐标的动态附加的div,我希望这些div在窗口是changed.Basically时保留这个标记,如果按下'Ctrl‘+ '-’‘,我们会得到什么。

假设我有这张照片

如果我使用.css添加以下一行,这会放大'-moz-transform': 'scale(0.8)',我会得到如下所示的图像

但是如果我使用Ctrl +-而不是

正如您所看到的,第二个图像有一些坐标混乱(没有改变)。有没有人知道为什么会这样,或者我可以用来放大的另一个函数?

这里有一个让你自己玩http://jsfiddle.net/rnhev60f/8/的小把戏

编辑::在回复之后,我放弃了这个想法。相反,我创建了一个函数来计算更改的百分比(newSize / originalSize),并使用该百分比来更改每个对象的位置和大小,以避免所有后门和错误。这是一个更复杂和结束的LOC-明智的更长的功能,但对我来说,目前是有效的。谢谢你的回复!

EN

回答 1

Stack Overflow用户

发布于 2015-07-24 12:46:05

您需要同时缩放bodyspan

Demo

http://jsfiddle.net/tdov936x/

代码语言:javascript
运行
复制
$('body,span').css({'transform': 'scale(' + currentZoom + ')'});

结果

考虑添加transform-origin: 0% 0%;,因为2D转换可以改变元素的x轴和y轴。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31609760

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档