块的形状由渲染程序根据 代码块的定义(即其字段和连接)。
内置渲染程序
Blockly 提供了三个内置渲染程序,每个渲染程序给出略微不同的 给程序带来不同的感觉
渲染程序 | 说明 | 映像 |
---|---|---|
萨索斯 | 推荐的渲染程序。它是一种 对 Geras 渲染程序的现代改版 均衡间距和实线边框 | |
Geras | 默认渲染程序。这是原始版本 用于构建 Blockly 的渲染程序。 | |
Zelos | 基于 Scratch-3.0 块设计的渲染程序。 |
要使用其中一种渲染程序,请将名称传递到注入选项:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
自定义渲染程序
如果您想为计划采用与任何计划不同的外观和风格 内置渲染程序,您也可以创建自定义渲染程序。要开始使用 Blockly 团队建议您:
- 仔细阅读渲染器概念文档,以了解 渲染程序的所有组件是如何协同工作的。
- 完成自定义渲染程序 Codelab, 亲自动手练习使用自定义呈现
- 将调试渲染程序添加到您的项目中。
- 自定义渲染程序。