Coco

文章好，图也挺好的。 不过我觉得 `生成这个元素的位图` 这一部分不是很详细，可以稍微补充详细点。 所谓 `生成这个元素的位图` 其实是 `纹理(texture)`，在 Chrome 中，存在有不同类型的层： RenderLayer(负责 DOM 子树)，GraphicsLayer(负责 RenderLayer 的子树)，其中 GraphicsLayer 层是作为纹理(texture)上传给 GPU 的。 这里的纹理指的是 GPU 的一个术语：可以把它想象成一个从主存储器(例如 RAM)移动到图像存储器(例如 GPU 中的 VRAM)的位图图像(bitmap image)。一旦它被移动到 GPU 中，你可以将它匹配成一个网格几何体(mesh geometry)，在...

@eyeA 项目里的html其实是不能直接打开的。 我是上传了两份到github上，一份就是现在你看到的这个仓库。 另一份上传到了我的 github pages，也就是我的 `chokcoco.github.io` 这个仓库 github pages是 github提供给开发者的页面。 更具体的你可以百度或者google一下，搭建很方便。 这是它的官网：https://pages.github.com/

@eyeA 是的。我是把我的这些 demo 放在 hexo 搭建的 blog 的特定目录下。 当你把 hexo 部署到 github 的时候，它会有一个 generate 的过程，产出一个发布的目录结构。 多 google 一下我也是跟着网上的教程来的，还有什么疑问可以继续交流。

@syyzz3 可以使用 javascript 计算 path 路径长度。 例如： ```HTML var obj = document.querySelector("path"); var length = obj.getTotalLength(); ```

@syyzz3 复杂路径用 `getTotalLength` rect ,circle 这类svg图形不是套一下数学公式就出来了吗。

@Psilocine 我后面了解到了 😂 但是可能会有很多人和我一样之前不知道把。

@Littlearphone 确实确实 谢谢谢~已修正

当然，有点 伪 瀑布流的感觉~

@tsdd 是的 其实并不推荐这么做 少量代码的减少带来了比较大的复杂度提升

@nanachiOwQ 啊哈哈 是的，文章还没写完，bug 已经被修复了~