var canvas = document.querySelector('canvas'); var context = canvas.getContext('2d'); context.lineWidth = 3; // 将画布的原点(0,0),移动到(200,200) // 移动原点是为了能让整个心形显示出来 context.translate(200,200);
// t 代表弧度 var t=0; // maxt 代表 t 的最大值 var maxt = 2*Math.PI; // vt 代表 t 的增量 var vt = 0.01; // 需要循环的次数 var maxi = Math.ceil(maxt/vt); // 保存所有点的坐标的数组 var pointArr=[]; // x 用来暂时保存每次循环得到的 x 坐标 var x=0; // y 用来暂时保存每次循环得到的 y 坐标 var y=0;