将Html文本添加到Html5画布

我从另一个应用程序从用户输入中得到了一个html格式的文本。 （使用字体b br ul等，在一个片段中使用不同的字体和颜色）

我想把这个写在画布上

比如

context.write（“helloworld更多文本”）

我该怎么做呢？
这应该会有帮助


尽管您需要从html中读取格式并使用此方法重新应用。
首先，如果需要，您必须在画布上提供您正在使用的所有字体

然后，您必须描述绘制文本所需的所有操作，记住画布只是一个绘图表面。您必须反复执行以下步骤：

指定要使用的字体：（与CSS字体属性的语法相同）

context.font=“12px Arial bold”


测量将绘制的字符串，以了解下一个字符串的放置位置：

context.measureText（txt）.width


绘制文本（填充或笔划）：

context.fillText（txt，x，y）


您需要将其写在
画布上吗？你打算以某种方式操纵它吗？否则，您可以创建一个包含文本的
div
，并将其放置在画布前面。是的，我需要将其放入画布中。我想用一些其他元素来制作动画。是的，我需要字体。它是flex html文本框的输出。另请参见：