我正在尝试生成一些太阳“光线”，我可以将其最好地描述为看起来像一把刀的刀片，例如这张照片的刀片部分。
这只是一个例子。我只需要一个带有两三个波浪的三角形，我可以关闭和填充。
更好的是，是否有一些 HTML5 应用程序可以用来绘制复杂的图形，然后导出 javascript（moveTo、arcTo、bezierCurveTo、quadraticCurveTo、...）。类似于HTML5 Bezier Sketcher的东西，但它保存了 javascript。尝试盲目地绘制复杂的图形非常困难，如果没有必要，我不想切换到 SVG。
谢谢 1,000,000
编辑：我现在也查看了这个站点上的所有选项。None 将允许我绘制和填充简单曲线，然后查看/保存画布命令。所有显示命令都显示在新库中，如 fabric 或 jsDraw2D。
您可以使用 fabric.js 将 SVG 解析为 html5 画布。这可能对你有用。
https://github.com/kangax/fabric.js
除了 SVG 之外，它还可以为您提供一个不错的画布绘图 API。
我在Convert SVG to Canvas friendly output的解决方案中找到了答案。作者不认为它对他有用，但我认为它和我所见过的一样完美。
Cloud 教授（……太棒了！这不是他做的第一件事，我发现这非常有用。）创建了一个站点来获取 SVG 输入和产品 Canvas 输出。你可以在这里看到它，在教授 Cloud SVG-to-Canvas。
使用这个站点，我可以在 AI 中绘制一些东西，甚至可以获取矢量图像，导出为 SVG，剪切命令并将它们传递到 Clouds 教授惊人的 SVG-chipper 中，并获得 Canvas 代码。我知道它不支持完整的 SVG 功能，但是 Canvas 也不支持。对我来说很棒。
您的解决方案可能是最好的，但只是为了记录，我尝试了一些图表绘制，并得到了一些不错的结果：方程是：
sin(x)*log(2/x) + x/10
sin(x)*log(2/x) - x/10
您可以使用以下方法绘制它们：http: //www.graphsketch.com/
0 < x < 25 看起来不错