zoukankan      html  css  js  c++  java
  • 移动端 图片 相关插件及代码

    今天有点忙,不要嫌弃简陋


    图片裁剪 移动端   cropper  这是我发现暂时移动端最好用的,看起来也不是特别麻烦的。附github地址:https://github.com/fengyuanchen/cropper。


    移动端h5拍照,一句代码:

    <input type="file" accept="image/*" value="请输入答案"/>

    缺点:不能改变样式。我暂时想法,找到分别点击拍照和相册的点击事件,用另外两个图标进行替代,分别点击触发事件。大家解决了告诉我一下。。


    图片预览 移动端

    PhotoSwipe:插件样式还不错,但是局限性比较大。官网:http://photoswipe.com/


    js自己写双指放大缩小事件,原理如下:http://segmentfault.com/q/1010000002664693/a-1020000002670091。

    或者使用这串代码也可以实现:

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no"/>

    maximum-scale=2表示最大可以让页面放大2倍。

    缺点:一旦页面加载完成就改不了head。要不就是可以放大,要不就是不行。没办法切换。


    html5适配问题专栏:http://www.mamicode.com/info-detail-516462.html 。


    遇到的问题:

    1.使用<input type="file" accept="image/*" value="请输入答案"/>拍照或者选择后所有的路径都是C://fakepath/xxxxxxx。不太好解决。

    解决方法,将得到的图片直接上传,上传之后再下载使用。

  • 相关阅读:
    php练习题之裁判打分
    OPENSUSE:安装方式
    openSUSE:下载帮助
    安装mysql时出现HTTP&nbsp;500&nbsp;内部服务…
    关于wamp启动是80端口被占用的问题…
    推荐15款好用的JS开发工具
    u盘美化
    wordpress怎么修改地址栏小图标
    显示桌面图标不见了
    站长必备的131个高权重外链库(转…
  • 原文地址:https://www.cnblogs.com/neuscx/p/5027687.html
Copyright © 2011-2022 走看看