< amount; i++) {var pos = pointOnHeart(Math.PI - 2 * Math.PI * Math.random());var dir = pos.clone().length(settings.particles.velocity);particles.add(canvas.width / 2 + pos.x, canvas.height / 2 - pos.y, dir.x, -dir.y);}// update and draw particlesparticles.update(deltaTime);particles.draw(context, image);}// handle (re-)sizing of the canvasfunction onResize() {canvas.width= canvas.clientWidth;canvas.height = canvas.clientHeight;}window.onresize = onResize;// delay rendering bootstrapsetTimeout(function() {onResize();render();}, 10);})(document.getElementById('pinkboard'));</script> </BODY></HTML>详细步骤1. 在桌面新建一个txt文件
文章插图
2. 双击打开，并将以上代码粘贴到文件中
文章插图
3. 关闭文本文档并点击保存
文章插图
4. 修改文件名后缀为'.html'
文章插图
如果没有文件后缀名的小伙伴可以参照下面这张图的操作打开文件扩展名
文章插图
5. 在弹窗中点击"是"
文章插图
5. 之后会发现图标变成网页文件，双击打开即可
文章插图
【小白也会 HTML 动态爱心-详细教程】
推荐阅读
- 4 HTML躬行记——Web音视频基础
- 4 从小白到架构师: Feed 流系统实战
- 3 HTML躬行记——WebRTC视频通话
- day02-HTML02
- 2 HTML元素大全-表单
- 1 HTML元素大全
- 2 HTML躬行记——WebRTC基础实践
- 听说玩梦幻西游能赚钱，小白如何开始（梦幻单开159能赚钱吗)
- 1 人人都懂的HTML基础知识-HTML教程
- 小白转行入门STM32----手机蓝牙控制STM32单片机点亮LED