你的位置:首页 > 软件开发 > 网页设计 > H5移动端图片裁剪(base64)

H5移动端图片裁剪(base64)

发布时间:2015-10-27 00:00:10
在移动端开发的过程中,或许会遇到对图片裁剪的问题。当然遇到问题问题,不管你想什么方法都是要进行解决的,哪怕是丑点,难看点,都得去解决掉。图片裁剪的jquery插件有很多,我也测试过很多,不过大多数都是支持pc端的图片裁剪,而支持移动端图片裁剪的少,很流畅的可能就会更少了。作为一个 ...

在移动端开发的过程中,或许会遇到对图片裁剪的问题。当然遇到问题问题,不管你想什么方法都是要进行解决的,哪怕是丑点,难看点,都得去解决掉。

图片裁剪的jquery插件有很多,我也测试过很多,不过大多数都是支持pc端的图片裁剪,而支持移动端图片裁剪的少,很流畅的可能就会更少了。

作为一个新手,我尝试了很多种解决方法,在初始的时候尝试自己写一个jquery插件支持触屏事件等,写出来了,但是觉得都不好意思拿出手,更别说拿出来商用了。

又尝试找了一些插件,一个个试。最后综合评价,感觉还不错的jquery插件:cropper这个jquery创建。

看了一下感觉还是挺简单的。

下面就是我使用过程的一些代码,希望能对大家有所帮助。

插件导入:

<link rel="stylesheet" href="../../../css/delimg/cropper.css"/><script src='/images/loading.gif' data-original="../../../js/libs/jquery.min.js"></script><script src='/images/loading.gif' data-original="../../../js/delimg/cropper.js"></script>

原标题:H5移动端图片裁剪(base64)

关键词:H5

H5
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。