11、构建 Canvas 游戏的全面指南

构建 Canvas 游戏的全面指南

1. 画布文本绘制的注意事项

在画布中绘制文本时，文本会被视为位图图像数据。这意味着访问者无法选择文本，搜索引擎也无法对其进行索引，我们自己也不能搜索这些文本。因此，在决定是在画布内绘制文本还是直接将其放置在 DOM 中时，需要谨慎考虑。

1.1 画布文本绘制小测验

问题	选项	答案
如果要在画布的右下角附近绘制文本，哪种对齐和基线设置更好？	a. 左对齐，底部基线 b. 居中对齐，字母基线 c. 右对齐，底部基线 d. 居中对齐，中间基线	c
要使用最新的开放网络标准制作具有翻页效果的逼真书籍，以下哪种设置更好？	a. 在画布中绘制逼真的书籍，包括所有文本和翻页效果 b. 将所有文本和内容放在 DOM 中，并在画布中绘制逼真的翻页效果	b

2. 在画布中使用嵌入式网络字体

之前在记忆匹配游戏中使用过自定义字体，并且自定义字体嵌入在画布中同样可行。下面通过一个实验，在 Untangle 游戏的画布中绘制自定义字体。

2.1 操作步骤：将 Google 网络字体嵌入画布元素

1. 访