奥鹏HTML5开发基础与应用20春学期期末作业考核
2页要求:在本文档中的题目下作答,提交本word文档即可。上次的作业大家都完成得很棒!笔芯接下来我们就去丰富内容啦。Number one在导航部位新添加一个动画页面链接。常言道:爱在心口难开。表达爱怎么能少的了呢。任务:在新的页面让来我们来制作一个心型的动画,来获取芳心吧。 图上是用canvas画出的动态的心形图片,参考代码如下: var drawing = document.getElementById(drawing), pic = document.getElementById(flower), content = drawing.getContext(2d), radian = 0, radian_add = Math.PI/40; content.translate(250,250); function heart() X = getX(radian); Y = getY(radian); (1) /在给定坐标位置绘制给定大小的图片 radian+=radian_add; if (radian (2*Math.PI) /绘制完整的心型线后取消间歇调用 clearInterval(intervalId); intervalId = setInterval(heart,100); /设置间歇调用,间隔为100ms function getX(t) /获取心型线的X坐标 return 10*(16*Math.pow(Math.sin(t),3) function getY(t) /获取心型线的Y坐标 (2) 1.请用在给定坐标位置绘制给定大小的图片,在空白(1)处填写代码。2.请在空白填(2)处获取心型线的Y坐标,填写代码。
《奥鹏HTML5开发基础与应用20春学期期末作业考核》由会员厚***分享,可在线阅读,更多相关《奥鹏HTML5开发基础与应用20春学期期末作业考核》请在金锄头文库上搜索。
2024-05-16 4页
2024-05-16 4页
2024-05-14 16页
2024-05-14 12页
2024-05-14 5页
2024-05-14 16页
2024-05-14 4页
2024-05-14 4页
2024-05-14 5页
2024-05-14 6页