如何使用CSS变换缩放居中对象

文章/答案/技术大牛

发布

2回答

css、css-transforms

我遇到的问题是，我不能将“文档”居中，也不能将其所有部分滚动到视图中。

浏览 19提问于2020-06-02得票数 0

回答已采纳

2回答

我正在尝试创建缩放框，到目前为止，我成功地将光标位置从区域坐标转换为世界坐标，并使用正确的uvs在光标周围创建了一个框对象。这是我尝试的难点：在不进行缩放的情况下，长方体将完全围绕光标居中，但如果切换缩放复选框以设置缩放zoomMesh.scale.set(1.5, 1.5, 1)，则光标从场景中心移动的距离越远，长方体位置就会移动我是不是搞乱了像“变换原点”这样的CSS，让three.js把比例放在对象的中心，这

浏览 234提问于2020-02-18得票数 1

回答已采纳

1回答

使CSS变换居中(缩放)

css、animation、transform、css-transitions

我在这里创建了一个小提琴，只是想知道如何将对象居中-这样心就会居中，当你将鼠标悬停在它上面时，它会向外缩放，而不是向右下角移动。

浏览 1提问于2012-10-25得票数 1

回答已采纳

2回答

在android中使用矩阵缩放和拖动图像

android、image、drag-and-drop、zooming

我让下面的代码(来自Ed Burnette的Hello android )工作得很好，我能够拖动和缩放图像。

浏览 1提问于2011-05-04得票数 13

回答已采纳

5回答

抓取以使用CSS3进行缩放

javascript、jquery、css、touch、coffeescript

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

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

回答已采纳

1回答

缩放动画过程中的Silverlight中心

silverlight、silverlight-4.0

缩放起作用，但是画布会向容器的左上角放大/缩小或远离容器的左上角。我想放大到中心。CenterAnimationXCenterAnimationY 我不确定这些是如何定义的，因为这个问题已经有两年多的历史了，我想我不会在这里得到回应。谁能给我一个关于xaml如何看这个居中动画的提示？

浏览 3提问于2011-09-10得票数 1

回答已采纳

2回答

如何为css缩放属性设置动画效果

javascript、css、zooming

css缩放属性可以平滑过渡吗？

浏览 72提问于2019-02-21得票数 3

回答已采纳

1回答

缩放DOM元素:缩放与变换

jquery、css、raphael、zoomooz、zui

我有一个可缩放div元素的网格。单击div时，将使用对其进行缩放、缩放和居中。在每个div中都有一个使用实现的可绘制区域(如画布)。我的问题是，即使缩放功能工作得很好，div的缩放也不可能在div上进行合理的绘制，因为div被放大了，而不仅仅是转换为更大的宽度/高度。我真的想要缩放效果，但不是缩放div(s)，我猜我是想在所有div上做一个变换，并使用缓和效果或类似效果将

浏览 0提问于2012-12-13得票数 1

3回答

CSS从左上角开始缩放

html、css、scale

我尝试从左上角缩放我的整个页面。这是我的原始页面的样子：然而，当我尝试缩放我的页面时，会发生这种情况：这是我的CSS： zoom: 1.4; /* Old IE only */ -

浏览 60提问于2014-05-20得票数 30

3回答

如何在CSS3中实现径向/饼形菜单？

jquery、css、contextmenu、radial

我想实现一个使用CSS3变换动画的，类似于这个中的第三个演示。在jQuery中有一个使用canvas 的实现，但它不像flash那样流畅。第二个问题:在哪里做？简单的CSS3示例展示了如何平移、剪切、缩放和旋转简单对象。但是我不知道从哪里开始寻找关于如何实现像flash菜单这样的信息。

浏览 2提问于2010-08-31得票数 2

1回答

我如何才能实事求是地做到这一点？

html、viewport

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

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

2回答

css3转换的Jquery ui可排序问题

javascript、jquery、html、css、jquery-ui

当我使用带有css3转换的jquery ui sortable时，我遇到了一些位置问题。这里我使用了jquery UI sortable，也使用了css3变换、缩放和转换。排序到底部或尝试排序底部对象时，光标和对象之间会出现间隙。

浏览 0提问于2015-03-17得票数 0

1回答

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

javascript、jquery、css、math、matrix

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

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

1回答

可以在three.js中更新对象的局部原点吗？

javascript、three.js、rotation

假设我的对象旋转最初设置为(0,0,0)，然后我将其旋转到(20,70,90)度。有没有一种方法可以更新局部原点，这样当我调用object.position时，我会得到(0,0,0)，同时对象保持我之前分配给它的旋转？

浏览 13提问于2020-02-26得票数 0

1回答

在-webkit-transform之后定位项目:scale()

jquery、css、webkit、dock

我正在尝试用jQuery自动化css设置，我有如下功能//AND$(this).css("-webkit-transform", "scale(2)"); 页脚被设置为bottom=0 (使用f

浏览 1提问于2012-09-25得票数 3

1回答

用css缩放拖放

jquery、css、jquery-ui、drag-and-drop、zooming

我用css3变焦来做这个。 drop: function(event) { }}); 当我使用css3变焦时，我怎么能让我的助手回到我的推杆中间呢？

浏览 6提问于2015-09-23得票数 0

回答已采纳

2回答

CSS使用变换居中

css、centering

为什么以变换为中心平移和左侧50%的中心完美(相对于父对象的位置)，而不是右侧的50%？^="icon"] { top: 50%; transform: translate(-50%, -50%);没有居中的例子

浏览 0提问于2017-02-09得票数 39

回答已采纳

1回答

d3版本4中的各向异性缩放

zooming、d3.js

在D3版本4中，如何为x轴和y轴提供单独的缩放比例？请注意，有两个缩放对象，每个轴对应一个缩放对象，它们从轴标签/记号区域和主图绑定，因此平移/缩放活动在所有三个区域中都是累积的。在新的范例中，有一个zoom-transform对象，它与发生缩放的页面元素相链接，它具有单一的比例因子

浏览 2提问于2016-08-02得票数 6

1回答

C#：将路径添加到画布

c#、wpf

Path p = new Path();p.Data = Square[0]; 2)如何将画布的查看范围更改为“移动”到其子对象实际绘制的位置第一个是我只是绘制正方形，并添加一个变换，使它们变得非常小。这导致形状在画布中可见，但它们不能很好地居中或缩放。第二种情况是，它们被添加到彼此的顶部，但居中。我基本上想在画布上添加一组Geometry对象，并让画布的视图移动到其子对象</e

浏览 1提问于2011-06-19得票数 1

回答已采纳

2回答

如何使输入和滑块一起使用

javascript、jquery、html、input、three.js

我正在试验CSS 3D变换，并尝试制作滑块来处理变换。我想出了，我喜欢它如何处理每个对象的位置，旋转和缩放的想法。它同时是一个输入和一个滑块，或者我只是假设。我还没有弄清楚这是如何工作的，即使在检查了源代码之后，我想给我一个实现相同功能的代码片段。具体地说，要有一个输入值，只需向右/向左滑动该值，对象就会移动，或者手动给出一个值。注意:我对转换的功能不感兴趣，只对如何做这样的输入滑块感兴趣。提前谢谢你。

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

回答已采纳

点击加载更多