item && item.move(ctx);
});
requestAnimationFrame(loop);
})();
setInterval(function() {
_this.heartList.push(_this.createHeart());
}, 700);
document.getElementById("cvs").addEventListener(
"click",
function() {
console.log(111111)
_this.heartList.push(_this.createHeart());
},
false
);
},
};
</script>
图片自己去换,至于在哪里换
img.src = `../../static/img/${Math.ceil(Math.random() * 5)}.png`;
这个就是咯
```最后一步```:在html里,写上这个
<!-- 飘心 -->
<canvas id="cvs"></canvas>
收尾:
然后就实现了。这个代码我也是百度的某个大神的,最后说明下不是我写的哈。迁移到vue中稍微修改了一下,勿喷。










