Javascript 如何在<;上绘制文本;画布>;,它遵循使用quadraticCurveTo方法绘制的二次曲线

Javascript 如何在<;上绘制文本;画布>;,它遵循使用quadraticCurveTo方法绘制的二次曲线,javascript,html,canvas,Javascript,Html,Canvas,是否有任何函数允许我在二次曲线(使用quadraticCurveTo方法绘制)之后绘制文本 我只找到了一个函数,允许我在圆弧上绘制文本,但这不是我想要的 在这里,大家都可以看到我的情况: 当然没有内置方式,但值得注意的是,这在SVG中非常容易实现,因为SVG本身就支持在路径上绘制文本 要在画布中执行此操作,您需要将二次曲线分解为一系列表示曲线的点(例如,通过实现某些东西)。您需要的是一个点列表,它是二次曲线的近似值。然后沿着该近似值拾取要绘制的点,并分别绘制文本的每个字母。要找到任何特定字母的角

是否有任何函数允许我在二次曲线(使用quadraticCurveTo方法绘制)之后绘制文本

我只找到了一个函数,允许我在圆弧上绘制文本,但这不是我想要的

在这里,大家都可以看到我的情况:
当然没有内置方式,但值得注意的是,这在SVG中非常容易实现,因为SVG本身就支持在路径上绘制文本

要在画布中执行此操作,您需要将二次曲线分解为一系列表示曲线的点(例如,通过实现某些东西)。您需要的是一个点列表,它是二次曲线的近似值。然后沿着该近似值拾取要绘制的点,并分别绘制文本的每个字母。要找到任何特定字母的角度,您可以取正在绘制该字母的点和相邻点,并使用这两个点计算坡度(从而计算角度)


它背后的理论并不太难,但对于我来说,现在就制作一个工作代码示例太难了。

你是对的,SVG让它看起来很简单,但后来尝试在canvas中实现时,我意识到它需要的数学流利程度略高于平均水平。我在原始帖子上添加了一个链接,以便你可以看到我的情况示例。