是否可以在SVG中表示公式？

Question

是否可以在SVG中表示公式？例如，y = x^2应绘制为抛物线。

我使用图形工具创建了类似的东西，但是当我保存到SVG并检查文件时，它似乎创建了一个带有许多点的<path>，这有点挫败了使用向量的想法;它更像是对所需像素进行编码。

Answer 1

不，SVG本身不支持使用任意公式创建路径。它只支持三次和二次Bézier曲线和椭圆弧。

二次Bézier曲线确实允许绘制抛物线段，但通常情况下，图形计算器类型的程序不会利用它。

Answer 2

您可以非常简单地从二次曲线计算二次Bézier曲线控制点。

• 第一个点是曲线的起点
• 第二个点在“中间”，使两侧的切线对齐
• 第三点是曲线停止的位置。

此interactive quadratic SVG visualization非常有用。