求帮忙，希望能够解决在canvas中绘制文本，实现多段落正确换行的问题。

[weirui88888]

👋 求助!

在我的应用程序中，所有的文本都是绘制在canvas画布上的，我已经可以正确的实现文本的换行，但是如果文本中有“换行符”的时候，我的计算算法就是有问题的。导致生成的图片中，文字错乱了。如果你有兴趣，可以协助实现下，不甚感激！！！

如何复现

1.克隆代码
2.安装依赖
3.执行npm run int生成配置文件
4.执行npm run gen:clear生成图片

可以试着在第三步生成的配置文件中，修改defaultContent这个字段，也就是将要被绘制的文本内容。然后重新执行第四步

注：第三步生成的文件中defaultContent的默认内容是

Anyphoto is a product that can be used to generate personalized images. You can easily create a stylish, personalized image in just a few simple steps. Supports adding avatar, title, image, description, date, title, annotation content, etc. to make your photos lively and interesting instantly. {What’s more interesting is that every element in the photo can be configured}, so you can design the layout exactly according to your own creativity and ideas. You can choose your preferred font, layout, color palette, and everything else. You can use the resulting images anywhere, such as on social media, on your resume, or simply to capture what‘s on your mind at the moment! It is worth mentioning that this tool is {inspired by WeChat reading}. It has a variety of ways to use it, from the core toolkit with npm to the API, and of course the intuitive visual interface. Everything is being continuously updated. {Finally, hope you like it.}

如果我想让这一大段文字分成两个段落的话，则需要写成

Anyphoto is a product that can be used to generate personalized images. You can easily create a stylish, personalized image in just a few simple steps. Supports adding avatar, title, image, description, date, title, annotation content, etc. to make your photos lively and interesting instantly. {What’s more interesting is that every element in the photo can be configured}, so you can design the layout exactly according to your own creativity and ideas. You can choose your preferred font, layout, color palette, and everything else. 
  
You can use the resulting images anywhere, such as on social media, on your resume, or simply to capture what‘s on your mind at the moment! It is worth mentioning that this tool is {inspired by WeChat reading}. It has a variety of ways to use it, from the core toolkit with npm to the API, and of course the intuitive visual interface. Everything is being continuously updated. {Finally, hope you like it.}

然而这样，就会出现问题... 如图，可以看到由于计算的问题，导致图片中没有对文本进行正确的换行。

感谢

如能解决这个问题，可供两包华子以表谢意！！！

[EchoZhaoH]

可以利用 dom 生成 foreign object 生成 image 然后贴图到canvas，性能没那么好，图形数量不多可以这么做，这是借助 dom 的排版引擎，第二种，自己写排版引擎（不大现实），第三种，使用类似于 skia 这样自带排版引擎的渲染库。