svg基础变形: transform 之 rotate

红影

马黑黑 发表于 2023-11-18 10:48
svg形变比CSS的抽象得多，会令人困惑。

不去管它的原理了，按照这个规定去弄，结果就是正确的。

红影

马黑黑 发表于 2023-11-18 12:45
是的，不过理解起来还需要自己体会

这个找个相对简单的图形去算一下就能知道其中的变化了。

红影

马黑黑 发表于 2023-11-18 12:46
应该不太简单。cad已经封装好了所有可能出现的算法。

应该是。我记得那个换算单一方向上的公式里就包含了正弦余弦，而且那个转角的计算方向也有讲究。具体的不记得了。

马黑黑

红影 发表于 2023-11-18 14:27
应该是。我记得那个换算单一方向上的公式里就包含了正弦余弦，而且那个转角的计算方向也有讲究。具体的不 ...

CAD是业界软件大姐大

马黑黑

红影 发表于 2023-11-18 14:25
这个找个相对简单的图形去算一下就能知道其中的变化了。

那倒也是

马黑黑

红影 发表于 2023-11-18 12:57
不去管它的原理了，按照这个规定去弄，结果就是正确的。

原理其实也和三角函数有关，可以推算的，前提是，数学要好才能看得懂推算

马黑黑

红影 发表于 2023-11-18 12:56
是的，和图层不完全相同。虽然这个说法更便于理解。

对，有它的特性

马黑黑

红影 发表于 2023-11-18 12:55
“svg中，运动对象以svg画布的左上角{0,0}为形变基点。张三就原地转个45度，转完后他不在原地了，因为他 ...

张三是转了45度，这个没问题吧？由于基点在画布{0，0}那里，所以，张三的转动产生圆周运动，运动的距离以圆弧表示，这是圆弧与角度以及夹角边长的关系问题，要通过公式去设计算法验证，一般很难直观感受得到（除非数学洞察力特好）。

红影

马黑黑 发表于 2023-11-18 18:28
CAD是业界软件大姐大

它对空间的计算还是挺强的。

红影

马黑黑 发表于 2023-11-18 18:28
那倒也是

复杂的图形也是原理相同。

红影

马黑黑 发表于 2023-11-18 18:33
原理其实也和三角函数有关，可以推算的，前提是，数学要好才能看得懂推算

这个又不是什么特别难的，数学一般的就行啊

红影

马黑黑 发表于 2023-11-18 18:39
张三是转了45度，这个没问题吧？由于基点在画布{0，0}那里，所以，张三的转动产生圆周运动，运动的距离以 ...

是的，这个不是简单的图形绕着画布{0，0}点转动，而是图形自身也在转，转动的参照也是左上角，所以里面涉及到一些计算。即使是简单转，距离也不是图形的xy，而是两者组成的斜边。

马黑黑

红影 发表于 2023-11-19 13:29
是的，这个不是简单的图形绕着画布{0，0}点转动，而是图形自身也在转，转动的参照也是左上角，所以里面涉 ...

动作是要相对参照的，即使是一个自身的旋转

马黑黑

红影 发表于 2023-11-19 13:23
这个又不是什么特别难的，数学一般的就行啊

二班的好像不行

马黑黑

红影 发表于 2023-11-19 13:22
复杂的图形也是原理相同。

没错

马黑黑

红影 发表于 2023-11-19 13:21
它对空间的计算还是挺强的。

老大嘛

红影

马黑黑 发表于 2023-11-19 19:39
动作是要相对参照的，即使是一个自身的旋转

是的，所有的动作都是在某个参照下的变化。

红影

马黑黑 发表于 2023-11-19 19:40
二班的好像不行

那三班四班的呢

红影

马黑黑 发表于 2023-11-19 19:40
没错

把简单图形学会了，等于也就掌握了。

红影

马黑黑 发表于 2023-11-19 19:40
老大嘛

它也有自身的局限，不能适应所有行业的需求，需要行业专业软件来辅助。