javascript - 如何对canvas元素中的文本进行丰富的排版？

Question

我正在寻找一种直接在 Canvas 元素上绘制多行文本而不使用 HTML/DOM 的方法。最好的情况是找到一个 JavaScript 库，但我的谷歌搜索尝试没有找到任何结果。

理想情况下，它应具有以下功能:

• 能够设置段落样式:首行缩进、行间距等。
• 通过对齐/调整选项快速、稳健地实现文本换行算法
• 通过 HTML 或 Markdown 等的一些简化子集进行富文本格式设置。

我希望找到一个比 this tutorial 更先进的解决方案和 this answer它只处理基本的文字/换行。

有人知道任何可能的解决方案吗？这似乎是一件疯狂的事情，但我认为我有一个相当充分的理由!我正在评估Ejecta作为制作跨平台游戏的可能的 iOS 环境，该游戏依赖于具有漂亮排版的文本，因此 HTML 和 DOM 不可用。 ( We 主要制作基于文本的游戏)

Answer 1

正如 @kangax 已经指出的:fabric.js 支持多行文本渲染以及字体系列、文本对齐、文本装饰、文本描边等。没有内置自动换行，但您可以应该能够扩展 Fabric.Text 类并从那里开始工作。前往http://fabricjs.com/了解更多详情。