关于transrotate

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

慕用0863198

2019-05-10 07:37:48

transrotate的旋转虽好,但是只是以svg的坐标原点对文本进行旋转,如果文字不在那条线上旋转会失去应有效果

想让其以其他坐标为原点进行旋转,是否可以设置transformorigin

写回答

1回答

好帮手慕星星

2019-05-10

你好,svg中如果想要改变旋转中心点,不能使用CSS3中的transform属性,在rotate(deg,[x,y])方法中角度后面还有两个参数,是用来设置旋转中心点的,例如:

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

效果:

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

按照svg坐标原点记性旋转的。

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

效果:

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

按照(100,50)的点进行旋转的。

自己可以测试下,祝学习愉快!

0

0 学习 · 4826 问题

查看课程