熊猫题库

|设为首页 |收藏本站 |切换到宽版
注册
查看: 520|回复: 0

东北师范大学22春《HTML5开发基础与应用》期末作业考核

[复制链接]

5133

主题

5133

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
15867
发表于 2022-8-28 16:52:34 | 显示全部楼层 |阅读模式
要求:在这篇文章档中的标题下作答,提交本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坐标,填写代码。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计 | 统计 | QQ | Archiver| 熊猫题库 |网站地图

Copyright © 2001-2013 Comsenz Inc.   All Rights Reserved. Powered by 熊猫题库