移动端如何实现图片的旋转和缩放？

Question

如果设置css属性，如何计算图片的旋转角度和缩放比例呢，谢谢！
类型于下图

Answer 1

需要算吗？不是直接传入/获取就可以了吗？
transform 属性

transform: scale(1.5,1.5) rotate(10deg)

然后通过触摸事件 touchstart、touchmove、touchend、touchcancel 计算触摸移动的距离，根据相似原则来实现缩放。根据勾股定理求出旋转角度可以实现旋转（这个逻辑不难），最后变更对应元素样式的 transform 即可，网上已经有很多现成的例子。