文本的旋转

来源:2-3 text元素与文本的偏移、旋转、长宽

光aaaaand影

2019-08-12 19:46:39

http://img.mukewang.com/climg/5d5151470001263108310356.jpg

请问老师,这些字母是围绕哪一点进行旋转的呢,好像不是它们各自基线的(0,0)点欸。

写回答

1回答

好帮手慕慕子

2019-08-13

同学你好, 是沿着基线的(0, 0)点旋转的哦, 因为字母不容易看到效果, 老师这个给同学举个简单的示例, 帮助同学理解。 示例:

代码如下

http://img.mukewang.com/climg/5d522dc400014aa712610164.jpg

  1. 没有旋转的效果

    http://img.mukewang.com/climg/5d522dcf0001ca8f03660139.jpg

  2. 旋转10deg

    http://img.mukewang.com/climg/5d522e0d00018ae201950119.jpg

  3. 旋转20deg

    http://img.mukewang.com/climg/5d522e2500012ce502990135.jpg

  4. 旋转45deg

    http://img.mukewang.com/climg/5d522e3e0001f86e02950128.jpg

  5. 旋转60deg

    http://img.mukewang.com/climg/5d522e5c00016e8902500117.jpg

  6. 旋转90deg

    http://img.mukewang.com/climg/5d522e740001ef2602900132.jpg

综上, 可以看出文字在旋转的过程中是参照开始的点进行旋转的, 自己也可以再去测试一下, 根据代码实现的效果,帮助自己理解哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 4826 问题

查看课程