安卓浏览器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...
阅读全文

canvas模拟核外电子运动

16-9-04 1,429 views

a
编写过程最头痛就是椭圆公式的处理,数学忘得差不多,补起来累。。。 思路就不话篇幅写了,源代码挺短,关键部分都有注释,有兴趣看看便是。 直接上效果:   带全轨迹 演示:http://wx.karlew.com/canvas/a...
阅读全文

害怕-HTML5高清重制版

16-2-28 3,033 views

昨天发布的文章介绍了贝塞尔曲线描绘工具,就拿最近挺火的害怕表情图来写一下,canvas描绘简单图片的过程(其实复杂的也能画,只是时间太长): 首先在网上搜一张普通的害怕高清重制图,如下:   表情的画...
阅读全文

Canvas贝塞尔曲线绘制工具

16-2-27 2,829 views

演示:http://wx.karlew.com/canvas/bezier/ 源码:https://github.com/karlew/bezier-tool-for-canvas 用途: 在左边操作贝塞尔曲线的相应点,在右边会实时更新canvas上该贝塞尔曲线的参数 便于得到想要的贝塞尔...
阅读全文

一个canvas使用flood fill涂色的实例

15-8-21 5,749 views

不久前看到宝洁公众号一个利用canvas+flood fill(也就是洪水填充)涂色的H5页,觉得挺好玩有空的时候也写了两个涂色页,下面给出demo和完整参考代码下载,献给html5前端爱好者: 演示地址:http://wx.karlew.com...
阅读全文