文字是网页中最为常见的元素之一，当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果，这时候我们就可以利用 HTML5 或者CSS3结合的方...

在HTML5的Canvas画布上，我们基本可以实现和Flash相同的功能，但是HTML5的优点是通信方便，所以随着浏览器的升级，我们现在已经很习惯利用HTML5来制作动画和游戏了。下面我们精选了...

这是 第三届 360 前端星计划 的选拔作业题。600多名学生参与了解答，最后通过了60人。这60名同学完成的不错，思路、代码风格、功能完成度颇有可取之处，不过也有一些欠考虑的地方，比如发现很多...

最近参加 360 暑假的前端星计划，有一个在线作业，截止日期是 3 月 30 号，让手动实现一个 H5 手势解锁，具体的效果就像原生手机的九宫格解锁那样。

到目前为止，我们了解了如何在Canvas中绘制线段、 矩形 、 圆或圆弧线 和贝塞尔曲线等。这些都是Canvas的 CanvasRenderingContext2D 对象自身提供绘制基本图形。但...

在这篇文章中主要来聊在Canvas中怎么绘制箭头。在Canvas的 CanvasRenderingContext2D 对象中是没有提供绘制箭头的方法，言外之意，在Canvas中要绘制箭头是需要自...

移动端H5图片压缩上传 大体的思路是，部分API的兼容性请参照 caniuse ： 利用 FileReader ,读取 blob对象 ,或者是 file对象 ，将图片转化为 data uri 的...

圆和圆弧是图形中基本图形之一，今天我们来了解在Canvas中怎么绘制圆和圆弧。在Canvas中绘制圆和圆弧其实和绘制线段和矩形一样的简单。在Canvas中， CanvasRenderingCon...

通过前面教程的学习，我们可以在Canvas中轻易绘制路径（线段）。这仅仅是Canvas中的一小部分，今天我们来看看在Canvas中怎么绘制矩形。

blurify - 一个大小约 2k 的图片高斯模糊库

canvas时钟--效果图 一、先来简单介绍画时钟需要的canvas知识 1.在HTML页面中添加canvas元素，必须定义canvas元素的id属性值以便接下来的调用。 HTML代码： <ca...

由于工作的需要，最近开始在学习HTML5的 canvas 相关的知识。这里主要记录自己学习 canvas 相关的知识笔记。如果文章有不对之处，还请大婶们多多指正。

canvas-merge-video-in-vue Build Setup # install dependencies npm install # serve with hot reload ...

那些关于 IE 兼容你还不知道的事儿；看懂前端脚手架你需要这篇 Webpack；Material Design 风格的轻量 Vue . JS 组件库；从零开始成为一名开源程序员，其实只需要九步；...

快来用厕所雷达吧 作为一个优秀的楼主，胖子我不仅写了代码，连广告次都想好了，哇咔咔咔~~~~ “厕所找的快，排的才痛快”。 练习区里看到一个“厕所雷达”就来做了下，主要还是为了练习小程序“控件的...

WeZRender是一个微信小程序Canvas增强组件，基于HTML5 Canvas类库ZRender。

经常在别人家的网页上看到各中好看图形，其中就有正六边形和组合的蜂窝状图形。今天我们来盘点一下，网页上有哪些姿势实现这个效果

要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。

requestAnimationFrame优于setTimeout/setInterval的地方在于它是由浏览器专门为动画提供的API，在运行时浏览器会自动优化方法的调用，并且如果页面不是激活状...

最近要给 node 项目加上验证码，找到了 node-canvas 这个库，简单地用了一下，发现还是蛮好用的。