vue实现直播间点赞飘心效果的示例代码

2020-06-12 21:05:07易采站长站整理

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中稍微修改了一下,勿喷。