最近都在和 Canvas 打交道,前端使用 Canvas 的方式真的太简单了,你简单调用几个 API 就能够给你绘制你想要的内容,比如文本、图片、视频。但是有些 API 摸不准会不会影响性能,对于某些 API 实现比较好奇,比如 save 和 restore 这两个 API 内部做了哪些事。
好奇之下,决定看一看 Canvas 绘制的源码。因为我写的文章比较多(330+ 篇),文章都会有一些关联。关于浏览器的源码,自然而然想到了 webkit,前面写过浏览器原理相关的文章 精心推荐一些浏览器工作原理的资料看完这本书,前端技术更进一步
webkit 的源码(https://github.com/WebKit/WebKit)可以在 GitHub 上找到,其中 Canvas 的源码在 WebCore 下的 html 目录下。
比如我们想看 restore 这个方法的实现,可以用 Xcode 打开源码: