
h5
coder_daiwang
凝眉谢尘世,空留影相随。https://github.com/TaylorMurcielago/vux-more
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信h5,背景音乐自动播放
之前项目被误导,一直都以为微信ios不支持自动播放,使用如下代码安卓可以自动播放,但是ios需要触摸。js代码app.sound = new Howl({ urls: [app.assetsPath + 'audio/bgn.mp3'], loop: true, sprite: { comp原创 2017-11-02 11:22:05 · 2764 阅读 · 0 评论 -
php+js 裁剪任意形状图片 ,类似css mask
最近做到相关的项目,由于项目使用html2canvas,但是不支持css mask属性,故,利用php后台来裁剪。准备两张图片,一张是镂空PNG图案,一张是任意纯色图片。便能够在纯色图片上裁剪出镂空的图案为PNG文件。见下图。 首先两张PNG图片:生成图片 JS片段: html2canvas($(".head1pic"), { ...原创 2018-08-10 17:25:28 · 1341 阅读 · 0 评论 -
vw对比rem优劣
你还在用rem弹性布局吗?在html文件头部放入一大段压缩过的js代码,是不是让你很难受?来了解下vw吧,能让你的代码更纯粹简单介绍下rem布局方案rem是css中的长度单位,1rem=根元素html的font-size值。当页面中所有元素都使用rem单位时,你只需要改变根元素font-size值,所有元素就会按比例放大或者缩小。因此我们只需要写一小段js代码,根据屏幕宽度改变html的fo...转载 2018-10-16 12:37:47 · 12871 阅读 · 1 评论 -
小程序实现录音,输出声音波形图
使用Ffpgem ,silk-v3-decoder,wavesurfer。一:用php后台来输出波形图,可查看资源包对应的wavToImg.php(没有第二种准确)二:使用小程序web-view,通过wavesurfer来实现。因为小程序不支持绘图。以上两种方法都需要注意:如果不是真机测试,则不需要silkdecode.php,小程序录音silk文件需要base64解码。php_c...原创 2018-12-28 17:40:24 · 14560 阅读 · 15 评论 -
小程序跳转快速点击,出现跳转两次问题。
小程序跳转快速点击,出现跳转两次问题。经过测试发现,小程序点击跳转后,页面页面加载渲染需要时间,本身有延迟,所以我们快速点击会有多次跳转。而且跳转后的success也会有延迟。以下是测试代码: // app.js doubleClick:function(flag,targ){ var that=this; if (targ.errMsg.spli...原创 2019-03-04 12:39:41 · 5640 阅读 · 0 评论 -
input 竖行输入,带长按保存自定义图片html2canvas
实现input竖行显示,隐藏输入光标,单向数据绑定同步,html2canvas生成base64自定义图片,可以保存到手机,分享朋友。代码未仔细整理,有需求,可回复。左图未输入图,右图为生成的base64图片,可以看到已经添加进去了输入的字 <script type="text/javascript"> var canshu1 = locati...原创 2019-03-13 17:05:07 · 554 阅读 · 0 评论