像素点这个词对于前端来讲可能与UI设计师们打交道的时候用的会比较多一些，比如两个控件之间距离多少个像素，这个文字离容器边距多少个像素，这里的像素通常是以一种度量单位而存在，那大家有没有试过将像素点作为

echarts是一个很强大的图表库，除了我们常见的图表功能，还可以自定义图形，这个功能让我们可以很简单地在画布上绘制一些非常规的图形，基于此，我们来玩一些花哨的：做一个Flappy Bird小游戏

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

前言 大家好，我是林三心，回想起我当年校招的时候啊，多次被面试官问到canvas，但是我却不会，后来一直想找个机会学一下canvas，但是一直没时间。canvas在前端的地位是越来越重要了，为此，我特

今天早上看了下heatMap.js的源码，了解了他是如何绘制热力图的，这里我们抛开其数据处理的部分，聚焦热力图的绘制。 如果要绘制一个点的热力图，可以简单是的使用createRadialGradient来实现，但是如果两个点的热力图发生了重叠，重叠部分当然不是简单的覆盖。这种情…

一、首先新建一个<canvas>网页元素。 上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您de浏览器不支持canvas！”。 每个canvas节点都有一个对应的context对象（上下文对象），Canvas API定义在这个contex…

Canvas是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。J…

Canvas 是 HTML5 提供的一个用于展示绘图效果的标签. Canvas 原意为画布, 在 HTML 页面中用于展示绘图效果. 最早 Canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现。 canvas 本身不能绘图. 是使用 JavaScript 来完成绘…

前言 大家好，我是林三心，相信大家看了我前一篇canvas入门文章为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章，对canvas已经有了入门级的了解。今天，我又用canvas写了三个