canvas裁剪头像的时候,头像缩放旋转后如何获取当前图片相对于原图的坐标

图片描述

如题:在移动端使用canvas裁剪中心椭圆区域头像时,图片使用hammer手势库获取头像平移旋转以及缩放数据后,在是用drawImage方法裁剪图片时,由于加载的图片时位变换之前的原图,所以需要在canvas中根据图片的相关变换数据对图片进行缩放和平移以及旋转,平移和缩放还好办一点,主要是旋转,移动端旋转是根据固定的那根手指坐标为中心点旋转的,中心点一直在不停地变换,有没有什么比较好的算法可以让drawImage加载的原图经过相关变换可以挪动到椭圆中心区域,从而对图片进行裁剪
(考虑过使用插件cropper,但是cropper插件满足不了需求,需求需要在整个图像区域滑动,图片能够进行相关变换,而cropper只能够在裁剪区域进行变换)
哪位大神能够给个算法?

阅读 2.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题