html使用CANVAS画心形图形 用画布canvas画个爱心

首先我们找一个爱心的方程式

x=12*sin(t)-4*sin(3*t),y=13*cos(t)-5*cos(2*t)-2*cos(3*t)-cos(4*t)

然后根据方程式绘制爱心，上代码：

Document

body{

overflow: hidden;

margin: 0;

}

您的浏览器不兼容canvas

var cv = document.getElementById("cv");

var ctx = cv.getContext(2d);

var width = cv.width = window.innerWidth;

var height = cv.height = window.innerHeight;

var percision = 100;

class Heart {

constructor(x, y, size) {

this.x = x || Math.random() * width;

this.y = y || Math.random() * height;

this.size = size || Math.random() * 2 + 1;

//this.rotate = (this.speedx / this.speedy) * 100; //旋转度数

this.vertices = new Array();//存放爱心坐标数组

for (var i = 0; i < percision; i++) {

var t =