![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
培伟Pavier
屌丝程序猿
展开
-
解决低版本ios使用html2canvas截图空白问题
最近做H5项目用html2canvas来截取保存当前页面的功能,然后在最新的ios版本的手机上一切正常,然而在ios10以下版本的手机拿不到截取的图片。html2canvas(this.$refs.imageWrapper, { backgroundColor: null // 解决生成的图片有白边 }).then(canvas => { let dataURL = canvas.toDataURL("image/png"); let storeAs = "writing" +原创 2020-07-03 16:56:41 · 3486 阅读 · 1 评论 -
解决苹果ios端微信无法自动播放H5页面背景音乐
最近做微信H5页面开发的时候,在页面加入背景音乐,并且设置自动播放。在PC端模拟手机时是可以正常显示播放的,在安卓端微信上也可以正常播放,然后到苹果端微信就不能正常播放了。找了许久的原因是苹果ios端浏览器是不允许有声音的媒体自动播放的,必须要用户手动点击播放。然后在网上找了很多解决方法,终于找到了一个很好的解决方法,下面贴出具体事例代码:<!DOCTYPE html><...原创 2018-11-03 22:31:07 · 2876 阅读 · 1 评论 -
苹果mac系统下浏览器video无法自动播放问题
我们在做手机Android/iOS开发的时候,声音一般都是无法自动播放的,桌面PC版的Safari浏览器在2017年也宣布禁止带有声音的多媒体自动播放功能,后来谷歌发布了最新的Chrome 66浏览器也禁止了声音自动播放,也就是说video的autoplay自动播放属性在桌面版的浏览器也将失效。<video autoplay> <source src="video/hq...原创 2018-11-02 16:58:32 · 5389 阅读 · 1 评论 -
获取当前URL地址和参数的方法
在我们WEB前端开发中,使用jquery获取url以及url参数是经常要用到的操作。在jquery中获取url是比较简单的,代码如下:window.location.href;其实也没有用到jquery的知识,就是javascript的基础的window对象而已。然后接下来根据获取到的url来获取上面的参数,就要用到正则表达式。我们来写一个函数方法,代码如下://获取url中的参数方法...原创 2018-11-02 17:26:05 · 6350 阅读 · 2 评论 -
WEB端自适应尺寸的方法
移动端页面开发通常用的是rem单位来做不同分辨率屏幕的自适应,那我们怎么从UI设计稿的PX像素单位自动转换到rem呢?我们写了一个方法来解决,只要输入设计稿的元素尺寸,就可以自动转换过来。//宽度基准!(function(win, doc) { function setFontSize() { var docEl = doc.documentElement; var winWidt...原创 2018-11-03 00:59:49 · 4185 阅读 · 1 评论