html5 canvas用多种字体绘制文本

Question

如何使用多种字体填充画布中的文本。 我可以填写画布：

这是我想要做的示例

这是我想要做的另一个示例

我知道我可以滑动刺痛并先填充正常文本，然后填写粗体文本，然后填写文本的其余部分。但我希望能够拖放文本，所以我不能这样做。

Answer 1

抱歉，你运气不好。这里没有简单的方法。

如果您希望中心带有粗体字的文字，则必须至少调用drawtext三次。

将来可能有一段时间允许您绘制任意html，规范提到这是一个真正的可能性，但这不会持续一段时间。引用规范：

  

注意：2D上下文API的未来版本可以提供一种方法来渲染使用CSS呈现的文档片段，直接到画布。这将优先于执行多行布局的专用方式提供。

来自the end of this section。

您当然可以拖放，只需要有一个元素列表及其组成“节点”的位置。毫无疑问，画布中已经完成了更复杂的对象。