精华内容
下载资源
问答
  • <img src="../assets/000.png" height="20px" width="20px" /> ;touch-action: pan-y;-webkit-overflow-scrolling: touch;"> ref="vs" :ops="ops" @refresh-start="handleRS" @load-...
  • 在Eclipse中,假如在项目的src目录下有一个a.xml文件, 在JavaSE、JavaEE项目中的话,可以使用:"src/a.xml" 来访问这个文件 ...可以把a.xml放入手机的sdcard中,通过:"/mnt/sdcard/a.xml" 来访问这个文件

    在Eclipse中,假如在项目的src目录下有一个a.xml文件,

    在JavaSE、JavaEE项目中的话,可以使用:"src/a.xml" 来访问这个文件

    在安卓项目中就不能这样获取了,是获取不到的。可以把a.xml放入手机的sdcard中,通过:"/mnt/sdcard/a.xml" 来访问这个文件

    展开全文
  • 微信浏览器安卓手机video浮在最上层问题 //x5-video-player-type="h5" x5-video-player-fullscreen="true" <video id="video" src=...

    微信浏览器安卓手机video浮在最上层问题

    //x5-video-player-type="h5" x5-video-player-fullscreen="true" 

    <video id="video" src="http://200011112.vod.myqcloud.com/200011112_733d3cea0f8a11e7afae899fa40866b8.f0.mp4" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="background: rgb(0, 0, 0); width: 102.2%; height: 569px; margin-top: -1px; margin-left: -1.1%; margin-right: -1.1%;" id="video" loop="loop" width="100%" preload="auto" poster="" webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" controls="controls"></video>

     

     

    微信浏览器里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素。

     <video id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"width="100%" height="100%"preload="auto"  poster="" src="">

     </video>

     

    还有个问题,在Android的微信里面,就算加上了上面的属性,还会出现上下有黑边,不能全屏的问题。

    解决办法:给video加上object-fit: fill;的style属性。

    转载于:https://www.cnblogs.com/liuxia123/p/8663745.html

    展开全文
  • img src="picture.png"/&gt;&lt;/div&gt;这样的格式在html5的文档标准下会有一段空白区域,那么怎样去掉这部分空白区域呢?可参考...

    <div><img src="picture.png"/></div>这样的格式在html5的文档标准下会有一段空白区域,那么怎样去掉这部分空白区域呢?可参考https://jingyan.baidu.com/article/7082dc1c69dc6fe40a89bdfe.html,

    我在实践中的做法是给img设置display:block;

    遇到的一点是开始设置的vertical-alignmiddle,发现一些元素仍是会出现白色空白区域,改用display:block;就好了。

    另外在开发过程中当img内src属性为空时,使用电脑的调试器,整个页面是没有问题的,使用ios手机测试页面也是没有问题的,但是在Android手机上会出现这种问题


    为了避免这个问题的出现,尽量不要在页面中写入没有src的img标签,如果需要插入img可以通过js控制

    展开全文
  • 问题:在做钉钉微应用的时候上传人脸照片时图片发生的旋转,在ios机上没有任何问题,部分安卓机拍照好处有一个自动旋转的过程。 首先我们借助exif-js可以实现相机镜头的读取,不支持IE10以下,可以直接引用的js文件,也...

    问题:在做钉钉微应用的时候上传人脸照片时图片发生的旋转,在ios机上没有任何问题,部分安卓机拍照好处有一个自动旋转的过程。

    首先我们借助exif-js可以实现相机镜头的读取,不支持IE10以下,可以直接引用的js文件,也可以使用npm安装依赖

    npm install exif-js --save
    import EXIFfrom 'exif-js';
    

    /index.html引入js
    <script src="https://cdn.jsdelivr.net/npm/exif-js"></script>
    

    这个js文件暴露了一个EXIF的全局变量,我们可以把它挂在window对象上,使他变为一个全局变量

    <script type="text/javascript">
        window.onload = function () {
          window.EXIF = EXIF
        }
    </script>
    

    在上传的file文件中获取相机方向,然后使用convas重绘图片并旋转角度就可以了,我再项目里面使用的是vant-ui

    //html
      <van-uploader
    	:after-read="afterRead"
         @oversize="onOversize"
         :max-size="2048 * 1024"
       />
    
     afterRead: async function(file) {
          if (!Array.isArray(file)) {
            if (file.file.type.indexOf("image") == -1) {
              this.$toast("只能上传图片");
              this.vacate.face = "";
            } else {
     		 if (file.file.size > 10485760) {
              let canvas = document.createElement("canvas");
              let context = canvas.getContext("2d");
              let img = new Image();
              img.src = file.content; // 指定图片的DataURL(base64编码数据)
              img.onload = () => {
                canvas.width = 400; // 指定canvas画布大小,该大小为最后生成图片的大小
                canvas.height = 300;
                context.drawImage(img, 0, 0, 400, 300);
                file.content = canvas.toDataURL(file.file.type, 0.92);// 0.92为默认压缩质量
                let files = this.dataURLtoFile(file.content, file.file.name);
                this.uploadImg(files);
              };
            }
          } else {
            this.$toast("不能上传两张图片");
          }
        }
        uploadImg(file) {
          let _this = this;
          EXIF.getData(file, () => {
            let orientation = null; // 相机方向
            let imgWidth = null; // 图片宽度
            let imgHeight = null; // 图片高度
            EXIF.getAllTags(file);
            orientation = EXIF.getTag(file, "Orientation");
            imgWidth = EXIF.getTag(file, "ImageWidth");
            imgHeight = EXIF.getTag(file, "ImageHeight");
            if (orientation === 6) {
              // 等于6顺时针旋转90度,等于8需要逆时针旋转90度,等于3需要旋转180度
              let canvas = document.createElement("canvas");
              let context = canvas.getContext("2d");
              let img = new Image();
              let reader = new FileReader();
              reader.readAsDataURL(file);
              reader.onload = e => {
                img.src = e.target.result;
                img.onload = () => {
                  canvas.width = imgWidth;
                  canvas.height = imgHeight;
                  context.save(); 
                  context.translate(canvas.width / 2, canvas.height / 2);
                  context.rotate((90 * Math.PI) / 180); // 旋转角度
                  context.drawImage(
                    img,
                    -(canvas.height / 2),
                    -(canvas.width / 2),
                    canvas.height,
                    canvas.width
                  );
                  context.restore(); // 恢复状态
                  let newImg = canvas.toDataURL("image/jpeg", 1);
                  let files = _this.dataURLtoFile(newImg, file.name); // 将base64转为files文件
                  let urlImg = window.URL.createObjectURL(files); // 将file转为临时url给组件回显
                  this.$set(this.fileList, 0, { url: urlImg, isImage: true });
                  this.uploadImgAPI(files);
                };
              };
            } else {
              // 不需要旋转的直接上传
              this.uploadImgAPI(file);
            }
          });
        },
        //上传图片
        async uploadImgAPI(file) {
          const fd = new FormData();
          fd.append("file", file);
          let res = await this.$store.dispatch("loadUploadPicture", fd);
          if (res.code == 200) {
           this.$toast("上传成功");
          }
        },
    
    
    展开全文
  • 部分安卓手机echart无法显示数字 在官方demo也存在此问题 机型: OPPO A57 系统版本: 6.0.1 实际效果: <p><img alt="21590387859_ pic_hd" src=...
  • 不知道电脑哪里的问题,求高手指点。 我的电脑不显示手机文件,adb也差不到设备 <p><img alt="" height="135" src="https://img-ask.csdnimg.cn/upload/1611135848458.png" width="188" /></p>
  • 安卓版本8.0.0 EMUI8.0.0 微信版本:V7.0.13 简单描述问题: 同样的代码片断,在大部分手机上可以正常的生成图表并渲染显示,但在部分手机上却无法渲染显示 预期效果: <p><img alt=...
  • # 我测试过,使用pc端和安卓手机提交是没有问题的,每次提交成功都会弹出提示框 # 提示提交成功, # 但是当我使用苹果手机的浏览器登录网页并提交表单的时候,每次提交都不会弹出提示框作出提示,而且每次提交大部分...
  • 测试测出在安卓手机上会出现音效中断问题:pc和ios正常原因:在java中的org.cocos2dx.lib包下有一个Cocos2dxSound.java文件,里面有一个值默认值,用来设置同时播放音效的上限修改:frameworks\runtime-src\proj....
  • 我在运行您的项目时 使用摄像头是没有问题的 当我使用 <strong>ChineseOCR</strong> 选择图片报了以下的错误,应该是图片没有正确 <strong>get <img alt="" src=...
  • a、ios中,video设置muted属性为ture,这时会发现在谷歌浏览器中切换移动时可以实现自动播放,但是到了手机上就不行,手机上必须要求用户手动触发才会播放 b、ios中,通过“WeixinJSBridgeReady”触发播放,这个方法...
  • 安卓微信内置浏览器打开有问题手机自带浏览器正常。 解决方法:添加?后缀即可. &lt;div class="footer"&gt; &lt;a href="./today.html?go=true"&gt; &lt;img...
  • # 我测试过,使用pc端和安卓手机提交是没有问题的,每次提交成功都会弹出提示框 # 提示提交成功, # 但是当我使用苹果手机的浏览器登录网页并提交表单的时候,每次提交都不会弹出提示框作出提示,而且每次提交大...
  • 问题一: 因为一开始这里的 联系人,短信 是0 后来发现我是没有给 360手机助手权限 参考:https://bbs.360.cn/forum.php?mod=viewthread&tid=21390&archive_src=bbs_safe 小米手机开...
  • 1. 找到node_modules\native-echarts\src\components\Echarts\tpl.html 文件 ,把它复制到 (android\app\src\main\assets) 目录下 tpl.html 加上 <meta name="viewport" content="width=device-width, ...
  • 点击网页去调用webv-view 第一次没有问题 按返回键 然后再点击链接去调用web-view 苹果手机会出现白屏 (确切的说不是白屏 界面已经调取到了 只不过被白屏顶上去了 准确的说 应该是web-view失去了高度)安卓手机无此...
  • 可能也会导致脚本执行在安卓不流畅的问题,是否需要root。有些手机是没有usb模拟点击的。 ~`D}U5%~WK} N7XBA " src=...
  • 在正常生成二维码后,会在参数dom中追加l两个dom元素... 代码上线后发现,在小米、苹果手机中没问题,在三星和华为部分手机中,不能长按复制; 导致在引用img中的base64的地方显示空白; 解决办法: if(docu...
  • 但是src里面放pdf的链接涉及到了兼容性问题(苹果手机可以正常打开pdf格式文件,安卓打开为空白) 所以如果src里面放pdf格式就会出现问题,这个时候就要使用到微信的另一个API,openDocument(新开页面打开文档)这...
  • - # 38 NavBar 在小米手机微信中显示问题(详情</a>) 问题由不支持 <code>flex-shrink、<code>flex-basis</code> 所致 <p><a href="http://mota.baidu.com/index.php/page/industry/device/os">国内...
  • 安卓实现起来没问题,有时候ios会报错,无奈手边也没有iPhone手机,折腾了好几次才完成,直接上关键代码 <script src="js/jquery.ui.draggable.js" type="text/javascript"></script> <script ...
  • 基于vuforia的地平面识别功能制作了一个安卓版本的APP,但是导出测试时发现,运行程序,程序内摄像头并未跟随手机的旋转而转动,同样的程序,在IOS设备上打包成APP测试功能就可以。...
  • 有一些安卓机的WebView内核比较旧,无法解析ES6语法,将其转换成ES5语法就可以了,我的魅族手机就是这样子,在index.html里面引入babel-polyfill库就可以了,代码如下: <script src="https://cdn.bootc...
  • [ 安卓手机华为系统8.1.0: 0.40.0 ] <p><img alt="Uploading 1AFB19C8F7354D20085254B98C3C6B6D.png…" src="" /> <p><img alt="Uploading 680C917107B9879C71F18673ADDC0643.png…" src="" /> …" src="" /> …" ...
  • 安卓下点击a标签不跳转的解决办法,是不用href做跳转的链接,改为用JS控制跳转 1 <a href="javascript:;" ontouchstart="window...<img src="xxx"><...这样写虽然解决了安卓下点击a标签不跳转的问题,但...
  • 我也怀疑手机也许是自动调用4g加载出来的,ins 推特都是完全正常的,电脑windows也是正常的。) ![微 微信截图_20200807112756" src=...

空空如也

空空如也

1 2 3 4 5 6
收藏数 110
精华内容 44
关键字:

安卓手机src问题