你不知道的canvas性能优化

你不知道的 canvas 性能优化

摘要

首先介绍下canvas。前端的同学可能很熟悉，举个很简单的例子：平常用的网页截图、H5游戏、前端动效、可视化图表...,都有canvas 的应用场景。

我们看下官方的定义：

“canvas是HTML5提供的一种新标签, ie9才开始支持的，canvas是一个矩形区域的画布，可以用JS控制每一个像素在上面绘画。canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。”

看着很简单，其实canvas这个标签的加入，赋予了我们更多创建惊艳的前端效果的能力。但是你知道他也有性能问题？

本篇文章就简单谈一谈canvas的性能优化。