canvas是HTML自带的一个用于绘制图形的标签，它身上的API太多了，本文会介绍几个常见的属性，以及应用到B站的实现

前段时间发布了一篇 浅谈 js+canvas 实现考试系统·拖拽连线题>> 的文章，趁热打铁，今天带着大家一起构思一下如何 基于 js + canvas 实现画板工具，先看效果：

你知道动画帧（requestAnimationFrame）吗？你真的了解 requestAnimationFrame 吗？本文带你深入探索 requestAnimationFrame 的执行机制。

如果你简历说你精通个js动效，但事实又不了解requestAnimationFrame，，那么你的面试结果是很难看的。 实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animatio…

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

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

canvas 目前已经被广泛地用于游戏及复杂的图像可视化，本篇除了介绍动画步骤完，也插播了一些动画效果、进阶方法和优化建议。

Canvas 是 HTML5 新增的画布元素，通过 JS 可以像画笔一样绘制图形。本篇就来全面介绍关于 Canvas 绘制的一切方法和属性（Canvas API）。

本文正在参加「金石计划」 在前端开发工作中，我们可以使用自定义的 SVG 图标实现进度条效果、图标按钮效果等。而本文中介绍的是SVG的路径描边动画和文字描边动画效果。