Html 是否有一个在线工具,用于在画布上可视化绘制轮廓并获取准备好的代码?

Html 是否有一个在线工具,用于在画布上可视化绘制轮廓并获取准备好的代码?,html,canvas,code-generation,wysiwyg,Html,Canvas,Code Generation,Wysiwyg,虽然二次曲线和bézier曲线的概念非常简单,但可视化绘制要简单得多。我想知道是否有一个在线工具可以直观地绘制路径,然后仅仅获取代码?例如,最近我偶然发现了这一点:,很酷,但正如它所说的——这只是一个例子,不是一个工具 基于相同的概念,也许web上的某个地方(应该有)有更通用的东西?我认为您最好使用像Inkscape这样的SVG矢量艺术软件进行绘制,然后导出此SVG文件。现代浏览器可以读取SVG并将其绘制在画布上 SVG是一种开放的、基于XML的格式,非常便于人阅读。有许多很棒的工具,如Inks

虽然二次曲线和bézier曲线的概念非常简单,但可视化绘制要简单得多。我想知道是否有一个在线工具可以直观地绘制路径,然后仅仅获取代码?例如,最近我偶然发现了这一点:,很酷,但正如它所说的——这只是一个例子,不是一个工具


基于相同的概念,也许web上的某个地方(应该有)有更通用的东西?

我认为您最好使用像Inkscape这样的SVG矢量艺术软件进行绘制,然后导出此SVG文件。现代浏览器可以读取SVG并将其绘制在画布上


SVG是一种开放的、基于XML的格式,非常便于人阅读。

有许多很棒的工具,如Inkscape,可以输出SVG路径

还有许多SVG到画布库(),您可以使用它们将生成的SVG转换为画布路径

当然,有必要问问自己是否可以使用SVG,省去一步的麻烦