![](https://img.haomeiwen.com/i2037656/2eb554e33bc91c15.png)
![](https://img.haomeiwen.com/i2037656/86aeecfebfca6b63.png)
![](https://img.haomeiwen.com/i2037656/8928cbd7dd05f594.png)
1、准备工作
搭建html网页结构
绘制背景
文件的目录如下:
![](https://img.haomeiwen.com/i2037656/1cd2c5b7fabab874.png)
tinyHeart.html中的代码如下:
![](https://img.haomeiwen.com/i2037656/01c87b941960f981.png)
之所以有两个canvas,是因为渲染压力比较大。
定义的样式如下:
![](https://img.haomeiwen.com/i2037656/8d4ca73d402fb5ad.png)
以上,html网页结构搭建好了。
在js文件夹里面新建mian.js文件,然后在tinyHeart.html中引入该文件。
文件的目录如下:
tinyHeart.html中的代码如下:
之所以有两个canvas,是因为渲染压力比较大。
定义的样式如下:
以上,html网页结构搭建好了。
在js文件夹里面新建mian.js文件,然后在tinyHeart.html中引入该文件。
本文标题:爱心鱼实践 第1章 页面搭建
本文链接:https://www.haomeiwen.com/subject/fmtwxftx.html
网友评论