随笔分类 -  html5

图片合成
摘要：一、界面样式和生成结果： ① 界面样式 ② 生成结果 二、所用技术： easeljs + interact.js，easeljs是方便对canvas进行操作，interact.js主要是用来调整图片的位置大小的。 三、程序流程图： 四、核心步骤及代码： ① 上传图片 调整图片位置大小 ③ 输入文字 阅读全文
posted @ 2018-12-12 18:00 竹立荷塘 阅读(467) 评论(0) 推荐(0)
Touch穿透
摘要：一、前言 相信很多移动开发者都有这样一个体会，那就是我们在移动端点击事件click对比touchend会有延迟，这是为什么呢？ 其实这是因为览器在click后会等待约300ms去判断用户是否有双击行为，手机需要知道用户是不是想双击放大网页内容。如果300ms内没有再一次click，那么就判定这是一次 阅读全文
posted @ 2018-04-19 09:24 竹立荷塘 阅读(262) 评论(0) 推荐(0)
hls流媒体视频防盗实现
摘要：HLS流媒体视频防盗实现 一、Windows安装FFmpeg 1.1 安装版本 1.1.1 网址：https://ffmpeg.org/ 1.1.2 选择Windows版本：https://ffmpeg.org/download.html#build-windows 1.2 解压安装： 1.2.1 阅读全文
posted @ 2017-09-28 23:45 竹立荷塘 阅读(608) 评论(0) 推荐(0)
微信二维码长按无法识别问题解析
摘要：近来在写H5页面时发现在手机端微信里长按识别二维码有时会出现不能识别的bug，最近就对这些可能导致二维码不能识别的bug做了一下研究，写出来，和大家分享一下。 一、微信识别二维码的原理机制 我们先来看一下微信识别二维码的原理机制： “微信识别二维码采用的逻辑是截屏识别，当客户端发现用户在网页的img 阅读全文
posted @ 2017-02-20 22:17 竹立荷塘 阅读(143603) 评论(0) 推荐(1)
将自己写的代码进行闭包封装
摘要：引用Zepto时，为防止$与jQuery或其他JS库的$冲突，对Zepto中的$进行闭包 阅读全文
posted @ 2016-09-03 12:10 竹立荷塘 阅读(423) 评论(0) 推荐(0)
安卓下点击a标签不跳转；点击a标签在手机真机上会调出手机键盘的解决办法
摘要：安卓下点击a标签不跳转的解决办法，是不用href做跳转的链接，改为用JS控制跳转 这样写虽然解决了安卓下点击a标签不跳转的问题，但还是没有解决点击a标签，在手机真机上会调出手机键盘的行为 不过将a标签换成div，就可以做到在手机真机上不会再调出手机键盘了 阅读全文
posted @ 2016-09-03 12:06 竹立荷塘 阅读(6702) 评论(0) 推荐(1)
使用JS判断客户端、浏览器、操作系统类型
摘要：一、JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。 核心代码如下： 方法一： 方法二： 二、JS检测是否在微信打开 使用js 可以通过 window.navigator.userAg 阅读全文
posted @ 2016-09-03 11:26 竹立荷塘 阅读(10412) 评论(0) 推荐(0)
基于浏览器的HTML5地理定位
摘要：地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，获取浏览器经纬度，并用腾讯地图（大家可以选择自己喜欢的地 阅读全文
posted @ 2016-08-26 17:27 竹立荷塘 阅读(17406) 评论(0) 推荐(1)