arc 语法： arc(x, y, radius, startAngle, endAngle, anticlockwise) 前面两个参数是 x 坐标， y 坐标，第三个参数是 半径 ，第四个参数是开始的弧度，第五个参数是结束的弧度，第六个参数是顺时针...

之前公司项目有一个刮奖小游戏的需求，因此有了本文记录该刮刮乐游戏的实现过程。 话不多说，先上Demo 和 . 2. 实现 我们创建一个 ScrapAward 类，通过传入 option 和调用其 restart() 方法...

普通的 input[type=file] 的效果很朴素 可以自定义一个file选择文件的按钮： 思路为： 用定位将自定义的按钮遮住原来的选择文件按钮， 再让点击自定义按钮时触发原来的选择文件按钮的...

一、前言 六边形能力图如下，由 6 个 六边形组成，每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边形能力图。当然，你也可以基于其他...

自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时...

一、localStorage、cookie、sessionStorage的区别与练习 1、cookie 小甜饼。它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录...

例如：我家孩子在SayABC小班课跟小伙伴们一起互帮互助，合作竞争，学习更加有动力！从简单的单词到句型和场景对话，孩子越来越敢于开口说英语啦！[耶]扫码立即领取外教课[爱心...

前言 为什么分章节写呢？因为覆盖的知识点比较多，也可能我力尽详细介绍，照顾下基础不好的人，温故而知新。 刚开始的确是打算一篇搞定的，写道一半发觉已经相当长篇大论了，...

前言 前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就...

最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠...

在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主...

1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不...

元素的水平垂直居中 1、利用table标签，自带的功能 style .parent{ border: 1px solid red; height: 500px } .child{ border: 1px solid black } /stylebody !-- -- table class=parent tr td class=child 测试 测试 测试 测试 测...

老规矩，直接看图！ 效果如下： 高清大图！ 码农多年，老眼昏花，动图看不清？！那就看静态截图！！！ 不同分值效果如下： 看完了卖家秀，我们来看产品的制作过程吧！ canvas绘制...

本文适合适合对canvas绘制、图形学、前端可视化感兴趣的读者阅读。 楔子 所有的事情都会有一个起因。 最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺...

一、简介 HTML5引入了 和 方法，它们分别可以添加和修改历史记录条目。这些方法通常与配合使用。 二、pushState() 方法的例子 假设在 http://mozilla.org/foo.html 中执行了以下 JavaScript 代码...