微信小程序实现素材旋转——非canvas

最近在做微信小程序时候遇到一个小难题，设计大哥在做设计时有一个元素和文字需要旋转，平时做H5都是一个transform丢过去搞定，可是在小程序里试了一下貌似不能使用。本着有问题找官方文档的精神，我把官方提供的文档翻了一遍只找到了canvas来旋转的方法。可是用画板canvas做一个元素的旋转实在很麻烦，网上找了一圈也没有结果，于是死马当活马医的试了一下，发现... ...

———————————以下为正文干货————————————

在微信小程序中，可以使用-webkit-transform来实现元素的旋转，旋转的角度、方向、单位和web端是相同的

-webkit-transform:rotate(-25deg); //逆时针旋转25°
-webkit-transform:rotate(25deg); //顺时针旋转25°

成功的实现了让图片和文字进行旋转的效果，且不需要canvas

注意！！注意！！注意！！CSS3 transform 属性中只有webkit是可以使用的，其余的均不支持

真机上测试通过，Android和IOS均可以正常显示

欢迎大神讨论~~