CSS缩放变换影响位置计算

文章/答案/技术大牛

发布

0回答

javascript、jquery、css

当我将CSS转换应用于整个正文时，位置不再被正确计算。下面是javascript： $('#Ove

浏览 19提问于2017-12-03得票数 0

1回答

我想改变visualViewport的规模。我如何才能实事求是地做到这一点？

html、viewport

我想在某些条件下实用地控制缩放。我如何才能做到这一点？编辑: window.visualViewport.scale与CSS变换的缩放是完全不同的，后者以前被认为是这个问题的解决方案，也是锁定这个问题的原因。CSS变换在布局视口中操作，而visualViewport缩放不影响每个设计的布局。

浏览 1提问于2018-05-31得票数 0

1回答

在缩放的元素上重新计算变换原点

javascript、css、transform

我有一个元素，我可以使用CSS3转换来缩放和移动它。我的目标是始终在鼠标位置进行缩放，因此我将元素的转换原点设置为元素的相对鼠标位置。从比例1放大和缩小效果很好，但当我将光标移动到缩放的元素上时，设置转换原点也会移动元素。有人能帮我吗？

浏览 1提问于2013-05-16得票数 1

1回答

给定一个点和一个平面，当平面缩放而不缩放点时，如何平移该点以匹配该平面？

javascript、jquery、css、math、matrix

给定一个具有平移和缩放矩阵的平面，我有一个只能平移但不能缩放的重叠点，并且必须停留在平面上的同一个点上。例如，如果使用以下变换转换平面：我可以在这一点上与之相匹配。如何在不缩放点的情况下找到移动该点以匹配平面的平移？很抱歉，如果这看起来很明显，我在数学上有点困难。

浏览 1提问于2013-12-01得票数 0

2回答

css比例尺在这个div上奇怪地工作。

css、scale

在某些情况下，我使用jquery添加了一个类来扩展div：css： .doubleDiv{ transform: scale(

浏览 2提问于2014-08-11得票数 0

回答已采纳

2回答

使用局部缩放和旋转缩放对象

math、matrix、rotation、transform、scale

我有一个对象，它有一个位置，一个旋转角和一个刻度(x和y)。，然后修改对象的局部缩放。例如，对象旋转了45度，我应用了1,2的比例，我需要知道这如何影响局部比例，因为它应该影响两个局部比例轴。更新:我认为我至少需要有一个3列乘2行的矩阵变换来保存足够的信息，我在SVG中尝试了一些东西，它使用了这种矩阵变换，它似乎是有效的，我需要根据位置和旋

浏览 3提问于2010-06-25得票数 1

回答已采纳

2回答

如何在不影响边界半径的情况下缩放元素？

css

目前，我的webkit缩放变换会影响边界半径，使其变形。有没有什么css3破解方法可以让我保留圆角？

浏览 0提问于2011-04-16得票数 8

回答已采纳

0回答

先缩放，然后再缩放到顶部？

javascript、css

我正在尝试使用变换来将图像缩放到完整大小。这就是我试图计算顶部和位置的方法，它几乎是有效的，但平移是基于图像的原始大小，而不是缩放大小。我可以通过应用不同的css来解决这个问题吗?或者我必须计算出另一个转换值？

浏览 10提问于2016-12-28得票数 0

1回答

粒子实现的性能

gpu、vertex-buffer-object、particles

每个粒子都必须更新每一个帧(位置、旋转、缩放)，所以我想知道哪种方式通常更快：计算平移，旋转，缩放成一个变换矩阵，并发送给GPU阴影为每个粒子。

浏览 0提问于2019-11-08得票数 1

回答已采纳

1回答

在WPF3D上绘制图像控件以始终面对相机

wpf、3d、sprite

我刚刚开始使用WPF3D，并且被卡住了，这是我的场景：感谢任何想法

浏览 0提问于2013-07-01得票数 1

5回答

抓取以使用CSS3进行缩放

javascript、jquery、css、touch、coffeescript

我正在尝试实现与Google Maps中完全相同的收缩到缩放手势。我看了斯蒂芬·伍兹- -关于这个问题的演讲，并使用了上面提到的技巧。其思想是将目标元素的变换原点设置为(0，0)，并在变换点进行缩放。然后平移图像，使其在变换点居中。在我的测试代码中，缩放工作得很好。图像在后续平移之间可以很好地放大和缩小。问题是我没有正确计算转换值。我正在使用jQuery和Hammer.js来处理触摸事件。如何在transform回调中调整我的计算，使图像保持在转换

浏览 0提问于2012-05-29得票数 25

回答已采纳

3回答

计算变形体的体积

math、matrix、transformation

所以我想计算使用任意变换矩阵变换的球体(单位球)，长方体(立方体)的体积。例如:我在3D空间的中心得到半径为1的球体。然后我得到了一个应用于该球体的变换。体积是多少(分别为半径)在那之后？我知道平移和旋转矩阵不会影响这一点，但缩放矩阵会。提前感谢！

浏览 1提问于2014-07-08得票数 0

1回答

用CSS3变换进行JavaScript图像缩放，如何计算原点？(举例说明)

javascript、math、css、zooming

我正在尝试实现图像缩放效果，有点像Google Maps的缩放效果，但使用的是固定位置的图像网格。我已经使用CSS3变换实现了缩放功能：...however，我依靠外部div上的鼠标X/Y位置来放大鼠标光标所在的位置</e

浏览 1提问于2010-05-13得票数 4

回答已采纳

1回答

iOS 5.1中的服务器延迟与@2倍的PNG

ios、webkit、svg、png、retina-display

当在新的iPad(v3) iOS 5.1(9B176)上加载到普通站点时，没有任何滚动和缩放问题。有24个实例显示了sprite的一部分。在移动站点上没有缩放功能，因为viewport设置为user-scalable=0。谢谢。

浏览 2提问于2012-04-17得票数 1

2回答

抖动视差滚动

javascript、jquery、css

页面已使用CSS3变换缩放，并在调整大小时，使用JavaScript / jQuery自动调整页面大小。还有其他解决方案吗？

浏览 21提问于2016-08-01得票数 0

回答已采纳

1回答

应用css比例转换后，Extjs组合框无法工作

javascript、extjs、combobox

我需要缩放一个应用程序，以适应它的内部和如果是固定的大小，但我注意到比extjs 4组合框列表不工作缩放，这是我第一次看到这个问题与规模转换，我想它影响到所有浮动组件在ext。下面是一个例子身体{-webkit-变换:刻度(0.8)；-moz-变换:刻度(0.8)；-ms-变换:刻度(0.8)；-o变换:刻度(0.8)；变换:刻度(0.8)；} //示例从extjs文档Ext.onReadyqueryMode：'loc

浏览 4提问于2014-02-27得票数 1

回答已采纳

2回答

不与父级一起滚动的透明覆盖

winforms、forms

此位图受变换矩阵(缩放和滚动)的影响。我正在尝试实现一个类似于GoogleMaps的外观，当背景图像被平移/缩放时，控件不会移动。我试着把一个ButtonControl放在我的显示窗口上。我尝试捕获滚动事件，然后调整ButtonControl的位置。这也有延迟更新的效果，所以它看起来不是很好。任何想

浏览 1提问于2011-05-28得票数 0

1回答

Three.js，计算两个BufferGeometry位置状态之间的转换矩阵

matrix、three.js、geometry、position、transform

在场景中，我将检测到的对象作为具有BufferGeometry和从AI输出更新的position attributes的父网格，我需要在顶点变化时计算其变换矩阵，并将这些变换应用于其子对象。如何计算从一个“检测(位置顶点)”到另一个“检测(位置顶点)”的转换矩阵(平移、缩放、旋转)。这是我的问题的一个简化说明，其中蓝色平面是检测到的对象，红色平面是它的子对象，我需要计算蓝色平面变换，将它们应用到红色平面上，这样它们就可以一起移动： h

浏览 32提问于2020-06-18得票数 1

2回答

平移和旋转ARSCNView中的特定节点

ios、objective-c、arkit

对象被放置在我在屏幕上点击的位置。如何平移和缩放特定节点。

浏览 4提问于2017-07-20得票数 3

1回答

缩放时保留元素大小和位置

javascript、jquery、css

我的目标是保留元素的默认大小和位置，无论用户放大或缩小了多少百分比。谁能给我点建议。document.documentElement.clientWidth / window.innerWidth; $('.popup-overlay').css

浏览 0提问于2013-08-16得票数 0

点击加载更多