canvas 在我们前端开发的实际项目中可能用得不是很多，但是它可以帮助我们解锁一些新姿势，尤其是在制作特效的时候，用好canvas可以让我们的页面大放异彩。本文从原理出发，讲解如何通过 canvas 将视频流转化为字符，最后附上实际的代码，以供参考。
canvas
关于canvas的createRadialGradient,addColorStop,globalCompositeOperation
createRadialGradient，用于创建线性背景，绘制星空什么的，不用这个你就out了。语法：context.createRadialGradient(x0,y0,r0,x1,y1,r1)；其中，x0,y0,r0表示线性背景的起始坐标x,y和半径，x1,y1,r1表示的是线性背景的结束坐标x,y和半径。在使用时，必须先获取画布的context
纯js加canvas实现鼠标跟随粒子特效
大概说一下原理：创建100个光源（点），如果鼠标在画布上，让它们的初始位置在鼠标的位置（利用addEventListener(“mousemove”)，大小为初始大小。透明度为1，然后随着时间的改变，大小逐渐变小，透…
js+canvas实现文字坠落效果
核心代码块： window.onload = function(){ var canvas = document.getElementById(“canvas”); var context = canvas.getContext(“2d”)…
