1、打开myeclipse软件开发平台,新建web项目,命名为heart,新建jsp等文件项目结构图如下。
2、在此jsp文件中引入function2.js以及garden2.js文件,在代码中加入startHeartAnimation1()函数,用来画出心形。
3、下图,function2.js文件中的startHeartAnimation1即为上步的函数。
4、同样在此文件中,getHeartPoint1函数与getHeartPoint2中的x设置一定的偏移量,画出两个不重叠的心。
5、下图为garden2.js文件中的部分代码设置心形的花瓣颜色等。
6、最后看以下testJsp.jsp文件的运行效果,如下图。