当前位置:首页 > draw.io教程

图解中的数学方程式

drawio6年前 (2020-07-20)draw.io教程12

您可以通过 draw.io 菜单启用数学公式排版,从而在图表中添加数学公式。当您在文本形状或标签中输入公式时,启用数学公式排版后,系统将使用MathJax 来渲染公式。MathJax 可以清晰地渲染公式,并且兼容所有浏览器。

LaTeX 和 ASCII 数学

使用 LaTeX 或 AsciiMath 输入公式。

LaTeX 内联公式:\(用 `& ` 和 `& `将公式括起来\)
例如:\(\sqrt{3×-1}+(1+x)^2\)

行内 ASCII 数学公式:只需用一个反引号将公式括起来即可`
例如:`a^b + b^2 = c^2`

LaTeX 代码块:将公式用两个美元符号括起来$$
例如:$$\sqrt{3×-1}+(1+x)^2$$

您还可以在同一个文本字段中混合使用 LaTeX 和 AsciiMath。
例如:LaTeX \(\sqrt{3×-1}+(1+x)^2\\) and AsciiMath `a^b + b^2 = c^2`

启用数学排版

在 draw.io 菜单中选择“附加功能”>“数学排版” ,即可在 MathJax 中渲染您的公式。

您可以随时禁用它,并通过同一个菜单项查看公式的 LaTeX 或 AsciiMath 源代码。

在我们的在线图表查看器中打开这些示例

表格中的数学方程式

就像你可以在表格单元格中添加形状一样,你也可以在表格单元格和跨功能表格中添加数学公式。

提示:将文本形状左对齐,然后在渲染时重新定位它们,这样在将图表导出为图像或 PDF 文件时就不会出现空白区域或页面。

即使公式位于表格中,数学排版也会将其渲染成文本形状。

在我们的图表查看器中打开这些示例

故障排除:如果您发现数学公式无法转换,可能是因为您粘贴的文本中包含了用于格式化文本的 HTML 标签。选中该文本,然后单击工具栏中的 HTML 按钮以显示 HTML 标签。

更改输出字体

默认情况下使用 TeX 字体,当转换为图像或 PDF 格式时,公式会转换为 SVG 格式。您可以使用URL 参数更改这些设置。

  • math-output=html使用 HTML-CSS 渲染数学公式。启用此设置后,导出的 PDF 文件中的数学符号将显示为可选中状态。请注意,并非所有符号都可选中。

  • math-font=STIX-Web在生成方程式的 SVG 版本时,将字体更改为 STIX。

  • math-font=STIX该方程式的 HTML-CSS 版本使用了 STIX 字体。