网页移动端有没有什么大头贴类的图片缩放裁剪插件或者一些demo?

RT。
图片描述

如这个图片这样,点击加号那里或者下面的上传图片按钮就可以选择图片,
然后在这个财神爷的后面就会有传上来的图片,可以再屏幕上用手势缩放和移动图片改变大小和位置。
有什么好的思路或者demo或者插件?

阅读 3.3k
4 个回答

1.图片预览功能可以使用 FileReader API

借助于它你不必先将图片上传至服务器即可预览图片,同时可以让用户对图片进行缩放等操作。目前此API在 iOS 6+, Android 3+ 已经支持了。详见 http://caniuse.com/#feat=filereader

2.对图片的缩放和移动可以借助一些开源手势类库实现,例如 Hammer

它支持常用的触屏收拾操作,包含你想要的缩放和移动手势。

用filereader,然后在canvas是把图片的base64放上,然后在结合手势做操作

cropper,你可以在github上看一下,支持canvas.

后来自己琢磨琢磨就用了你说的这样的方法。

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