javascript - canvas裁剪头像的时候,头像缩放旋转后如何获取当前图片相对于原图的坐标
高洛峰
高洛峰 2017-04-11 13:12:18
[JavaScript讨论组]

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号