为SVG组对象设置动画-变换使用样式旋转-组件不绕圆原点旋转

文章/答案/技术大牛

发布

1回答

reactjs、svg、redux、styled-components

我有一个SVG圆和一些线对象，它们制作了一个简单的十字光标，我正试图用带样式的组件来设置该光标的动画。当光标悬停在某些对象上时，我希望光标内的直线元素围绕组成光标的圆元素的原点旋转。此部分工作良好，因为使用此方法可以引发简单的笔画颜色更改 const Cursor = (props) => { const hoverState = useSelector(state =&g

浏览 24提问于2021-07-05得票数 0

1回答

在Wp7中控制图像的旋转

silverlight、windows-phone-7、image-rotation

我正在制作一个Wp7应用程序，我需要将图像向左或向右旋转20度。当我改变图像的旋转角度时，它确实会旋转，但旋转是从图像的下侧开始的 <Image.RenderTransform> </Image.RenderTra

浏览 2提问于2012-08-13得票数 0

回答已采纳

1回答

RaphaelJS -我需要帮助理解转换

raphael、transform、vector-graphics

("r" + angle + " 320 240", color);但我显然对这种转换的理解是错误的，因为这不是正在发生的事情。谢谢

浏览 1提问于2012-04-02得票数 5

回答已采纳

1回答

CSS变换- SVG上的原点始终为(0,0)

css、animation、svg、transformation、css-transforms

我想让每个多边形/组以动画的形式出现。我希望它是Y轴上的旋转，旋转的原点是最左边顶点的Y轴(想象一张扑克牌在左边靠在桌子上，从垂直到扁平)。但是，根据this Fiddle，变换的原点始终是Y轴，但始终使用x=0作为旋转的原点，即使我使用最左边的顶点作为变换原点。奖励:在初始旋转后，我想等待1秒，然后进行另一次旋转，以

浏览 60提问于2019-02-25得票数 0

回答已采纳

2回答

转换svg插图中的css属性

css、animation、svg、properties、transform

我第一次尝试用css对用svg制作的插图进行动画处理，但我有一个不知道如何解决的问题。有人知道我做错了什么吗？ <style> </style>

浏览 0提问于2021-06-13得票数 0

2回答

使用css制作弧形

html、css

有没有人知道，我们怎么才能制造出一个弧形，也就是只使用css？举个例子，我必须做一个15度的弧度。任何类型的建议都会受到极大的赞赏。提前谢谢.

浏览 2提问于2013-06-12得票数 0

回答已采纳

3回答

transform.rotate(vector3.forward * Time.deltatime)旋转的是对象的底部，而不是中心

c#、unity3d、transform

问题是下面的代码是在底部而不是中心旋转我的火箭。这类似于在“轴心”模式下旋转，而不是在“中心”模式下旋转。

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

1回答

变换-视框外的原点

html、css、svg

晚安, 我有一个SVG，里面有一个路径。这个SVG有一个viewBox来表示纵横比，但问题是，当这个图形(路径)要旋转时，变换原点(旋转点)被设置为viewBox的0点，而不是SVG的0点。我想用浏览器显示的右角或左角的旋转点旋转它(在我的情况下是SVG的角，而不是当尺寸变化时受到限制的viewbox )。我尝试使用组和所有可用的单位，cm，mm

浏览 2提问于2014-06-09得票数 0

1回答

React Native -使用变换矩阵将缩放变换的原点从中心更改为顶部

javascript、css、react-native、matrix、transform

我正在使用下面的代码来做一个变换动画： // scaleX, scaleY, scale, theres plenty more options you can find对于动画，组件从中心缩放，因此它看起来像是从中心“扩展”。我希望它从顶部“展开”(例如，将变换原点设置为组件的顶部……我想)。MatrixMath.reuseTranslate3dCommand(

浏览 0提问于2018-09-18得票数 3

2回答

我正在用opengl es做一个android项目，它使用加速计来计算特定轴的变化，我的目标是旋转我的航天器般的物体的运动矢量。问题是我不能理解旋转矩阵背后的数学原理。默认移动向量为0,1,0，表示+y，因此对象在开始时向上看。我试着旋转它的运动矢量，这样我就可以把物体移动到它指向的地方。我可以在手机中收集轮换的变化。X轴:旋转，y轴: rotate1，z轴: rotate2。如何使用旋转矩阵旋转我的移动矢量？

浏览 5提问于2013-01-30得票数 66

回答已采纳

2回答

如何理解snap.svg中的转换属性？

javascript、svg、snap.svg

我一直在尝试学习snap.svg，我对它的转换属性有一些疑问。我的问题很愚蠢，但这里有个问题在下面的示例代码中，这些数字是什么意思？

浏览 2提问于2013-12-01得票数 26

回答已采纳

1回答

webgl在一个轴上围绕另一个对象旋转对象

javascript、rotation、webgl

我正在尝试围绕另一个对象旋转一个对象，同时保持它自己的旋转。我已经完成了每个对象的旋转，我只是不确定如何围绕另一个对象旋转一个对象。例如，我有一个名为PlanetsSun的数组。我希望太阳是静止的，并允许水星在一个轴上绕太阳旋转。 { retu

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

4回答

如何在div上获得翻转效果

javascript、jquery、jquery-ui、html、jquery-effects

我想要得到一个翻转div的jQuery UI效果。你会注意到整个注册div翻到了它的后面。

浏览 11提问于2013-07-02得票数 0

1回答

JavaFX-旋转我的立方体将它移出相机，我如何防止这种情况发生？

java、javafx、rotation

不久前我刚开始用javaFX学习3D图形，目前我正在研究旋转模型。虽然它确实在旋转，但它的旋转方式并不完全像我在mind...For示例中看到的那样，如果我按键向左旋转，模型在旋转时会向屏幕的左侧移动，最终会离开屏幕。t.createConcatenation(r);this.getTransforms().addAll(t);} 所以基本上我的模型是旋转的我想让它留在原地，并在设定的轴上旋转。我该怎

浏览 11提问于2021-04-10得票数 0

回答已采纳

1回答

旋转附加到其他对象的对象

c#、xna、xna-4.0

我有一个关于单个网格(建筑物)的问题，它包含一组动画对象(这些对象组成了完整的建筑物，它们在建造时以不同的速度和旋转从地面升起)。因此，目前，我可以成功地显示网格中所有动画对象的动画位置。执行以下操作：比例、<

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

回答已采纳

1回答

opengl中带有着色器的旋转矩形

java、android、opengl-es、rotation、shader

现在我试着制作一个简单的场景，不同大小的长方形都在自己的轴上向下旋转。好吧，这些东西都是这样的： public class RectObject{} return TimerLocation; 但问题是整个场景都在旋转

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

3回答

带标签的旋转轮子-如何在轮子旋转时保持标签水平？

ios、animation、image-rotation、catransform3drotate

我一直在寻找一个解决方案，如何实现一个幸运类型的车轮(工作良好)，除了我需要在车轮周围的图像/标签保持水平，而不是随着车轮旋转。[self.emoticonsArray addObject:l]; 下面是旋转轮子的函数；我正在编写为标签做旋转的代码行-我显然做错了什么，但我不知道是什么。

浏览 6提问于2014-01-22得票数 0

3回答

如何相对于SVG路径的中心点进行旋转或缩放(变换)？

svg、d3.js、jquery-animate、raphael、gsap

我正在尝试围绕SVG中的中心点旋转和缩放形状。我已经研究了几个库，包括Jquery、Greensock、D3、RaphaelJS，但我还没有找到任何一个可以直接完成这一任务的库。每一个都从原点开始对形状进行动画处理(据我所知，这是默认设置)。我希望能够围绕其中心点旋转形状，或者从中心点放大或缩小它。下面是两个使用Greensock和D3的示例，它们演示了默认行为：这些示例中的每一个都从左上角弹入和弹出，而不是保持静止并从三角形的中心向所有方向扩展。理想情况下，我需要能

浏览 3提问于2014-01-29得票数 5

回答已采纳

4回答