本篇是图形学专栏的开篇第一篇，目标是通过实现一个简单的 2D 编辑器博客，来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一下，这是件长期且有趣的事情。

在书写的过程中，因为点数量减少导致书写的效果不够理想，因此通过贝塞尔曲线的方式，将点连接起来，形成平滑的曲线，从而达到书写的效果。这节，我们将通过上下分层的方式，优化 Canvas 的书写性能。

本系列文章将会从0开始，实现一个canvas渲染引擎，并介绍每一步的实现细节，在这个渲染引擎里......

前几天群里有人发了一个新 Canvas 渲染引擎的图片，看数据和宣传口号相当炸裂，号称只用 1.5s 可以渲染 100 万个矩形，还是个国产的。

当我们开发一个canvas应用的时候，出于效率的考量，免不了要选择一个渲染引擎（比如PixiJS)或者更强大一点的游戏引擎（比如Cocos Creator、Layabox)。 渲染引擎通常会有Sprite的概念，一个完整的界面会由很多的Sprite组成，如果编写复杂一点的界面，…

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其…

这篇文章将从零开始，使用 Canvas 开发一款声控跳跃游戏，不会使用任何框架，全都是很好理解的基础代码，没有其他学习成本。

网上曾有人讨论过那些头像自动生成是如何实现，有些是采用的注册ID的首字母直接生成，也有些是直接使用的头像数据库，那么如何来制作一个让每个用户的头像都不同的头像自动生成工具呢，于是我搅了搅脑汁，想到一个不知为谁所知的办法。 当我们发现我们不会机器学习的时候，这就很难受了，最好的想…

众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…