移动端专用颜色选择器

18-11-19 854 views

  最近碰到个需求,移动端需要选取颜色,无奈原生的input:color在一部分浏览器上都很简陋,颜色不全,所以特地模仿PS做了一个简单的颜色选择器 演示地址:http://wx.karlew.com/colorPicker/ (手机访问) ...
阅读全文

安卓浏览器video层级最高问题解决方案

17-8-12 4,142 views

先上一个完整的简单案例,能在ios和安卓手机上都解决视频层级和隐藏控制条的需求, 建议用手机查看:demo 在安卓手机上,使用video播放视频有个问题,video控件层级会永远在顶层,不利于视频互动H5开发,而IOS手...
阅读全文

手机端网页裁剪处理图片示例

17-8-10 1,313 views

代码较多,直接上链接(手机打开或PC浏览器开手机模拟模式打开) http://wx.karlew.com/editImg/ 用了上篇文章的blob方式预览图片,支持旋转,拖动,放大缩小图片 代码下载地址:https://github.com/karlew/upLoa...
阅读全文

使用createObjectURL实现上传图片预览

17-8-07 1,520 views

目前无刷新预览图片一般有以下兼容性高到低排序的三种方法: 1.ajax提交图片后获取返回路径; 2.通过canvas将图片绘制显示; 3.通过window.url.createObjectURL(blob)创建blob:url 下面上一个方法3的简单案例,供...
阅读全文

解决IOS微信端无法自动播放音频

17-7-20 1,553 views

苹果微信会拦截视频音频的自动播放,导致play()事件不生效,移动网页开发者可能会遇到或没发现到这问题,网页时不时需要自动播放背景音乐,应使用如下代码解决 var myaudio=document.getElementById("mya...
阅读全文

网页开启硬件加速使动画流畅

16-9-19 2,097 views

在移动网页开发中,经常会写到一些很占硬件资源的效果,会导致效果不流畅,可用手机依次浏览下面两个网页: http://wx.karlew.com/speedup/no.html http://wx.karlew.com/speedup/yes.html   第一个网页在安...
阅读全文

触屏设备游戏的几种输入控制方式

16-6-12 1,440 views

在移动端游戏开发中(app或是网页),对于输入控制有好几种方式实现:   1.点击事件(onclick,tap) 最常见的方式,且分成两种使用形式:像笨鸟先飞一类不需要判断点击位置的,以及像消消乐一类需要判断点击位置...
阅读全文

清除safari默认的按钮样式

16-1-31 2,219 views

在移动端safari下,<input type="button" value="test">会被赋予默认的样式,即使定义了background和border-radius等样式,还是不能达到预期效果。 如上的蓝色按钮样式为: .ipt{    wi...
阅读全文