在开始构建自定义渲染程序之前,了解构成渲染程序的不同组件以及块如何拆分为行和元素会很有帮助。
渲染程序组件
渲染程序由几个不同的组件组成。每个组件都有一个唯一的作业,以最大限度地提高代码重用和可扩展性。
渲染程序
常量提供程序
常量提供程序是所有其他组件使用的一系列数字和形状,以及内置字段。
渲染信息
渲染信息会根据块的定义决定该块的布局方式,然后创建可测量值和有关块的数据的集合,供抽屉用于创建 SVG 路径。
路径对象
path 对象包含位于 dom 中且构成块的 SVG 元素。
抽屉式导航栏
抽屉式导航栏(如“one-who-draws”中所示)会根据渲染信息构建 SVG 路径,并将其应用于路径对象。
屏蔽可衡量项
可衡量元素是一个矩形,表示某个块的区域。可衡量值是指“渲染信息”用于定义代码块布局的内容。
一些可衡量的内容还包括额外数据(例如它们所表示的视觉元素)或渲染信息可用于确定如何布局块的辅助方法。
不同的渲染程序可能会创建自定义测量结果来更改这些数据或辅助方法。
行
行分隔符
元素
元素分隔符