使用javascript在html画布上绘制蝴蝶图

我正在尝试使用javascript在html画布上绘制一个蝴蝶形状的图形。图的参数方程为：

• x=（成本）-2cos4t+sin^5（t/12））sint
• y=（e^（成本）-2cos4t+sin^5（t/12））成本
• te[0,20.5]

---

我一直在努力，但我想不出来。感谢您的帮助：）

这里是一个李萨如曲线的最小示例，用于在javascript画布上绘制参数化二维曲线。你应该能够适应你的曲线

//获取HTML元素的句柄和信息
var canvas=document.getElementById（'canvas'）；
var width=canvas.width；
var height=canvas.height；
var context=canvas.getContext（'2d'）；
//构造一个局部坐标系，该坐标系是
//略大于[-1,1]x[-1,1]
翻译（宽度/2，高度/2）；
背景。比例（宽度/2.1，高度/2.1）；
context.lineWidth=0.02；
//构造并绘制曲线
context.beginPath（）；
context.moveTo（0,0）；
对于（变量x=0；x<6*Math.PI；x+=0.05）
lineTo（Math.sin（3*x），Math.sin（4*x））；
stroke（）
请添加一些显示您以前努力的内容。您甚至可以使用代码片段功能在问题中嵌入正在运行的代码。至少展示你将如何画一个圆或一个正方形……不幸的是，没有什么可以展示的。我在这方面是个新手。