奥鹏作业答案-谋学网-专业的奥鹏在线作业答案辅导网【官网】

 找回密码
 会员注册

微信登录,扫一扫

手机号码,快捷登录

VIP会员,3年作业免费下 !奥鹏作业,奥鹏毕业论文检测新手作业下载教程,充值问题没有找到答案,请在此处留言!
2022年5月最新全国统考资料投诉建议,加盟合作!点击这里给我发消息 点击这里给我发消息
奥鹏课程积分软件(2021年最新)
查看: 342|回复: 0

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

[复制链接]
发表于 2021-9-14 17:13:21 | 显示全部楼层 |阅读模式
谋学网
要求:在本文档中的目下作答,提交本word文档即可。6 H' ~. f1 w6 K+ J1 X
上次的作业大家都完成得很棒!笔芯~# N8 C9 ?( n" o2 ]
接下来我们就去丰富内容啦。Number one在导航部位新添加一个动画页面链接。常言道:爱在心口难开。表达爱怎么能少的了❤呢。
) l5 x* @& z" D( D9 X2 N2 l任务:在新的页面让来我们来制作一个心型的动画,来获取芳心吧。6 @) k4 ^6 l" K0 C3 G; c' A1 s. a
  ! w9 P8 M" K4 V, _: h8 k" d. |

" o# W/ E6 H: S4 M8 q* ~' k
- a9 I% q% n( K- z图上是用canvas画出的动态的心形图片,参考代码如下:
! F# ~$ |% J- {<img id="flower" src="img/img-1.jpg">6 d+ c( p" i2 A& o) O
<canvas id="drawing" width="520" height="500"></canvas>
1 |; c/ `& ], `! g- o  <script type="text/javascript">; ?. H8 {# T) |$ Q& e4 s( v
    var drawing = document.getElementById("drawing"),
( R( I% z& f$ W3 B: G        pic = document.getElementById('flower'),
2 Z: V' \  n* n        content = drawing.getContext("2d"),5 [/ E7 e: d, O  `% q% c
        radian = 0,
9 ?! h1 ~3 n* P8 _  X! d1 Y$ E, O        radian_add = Math.PI/40;
, j, e; E7 `% X9 u    content.translate(250,250);/ i3 E  ?- [9 w1 x2 W* v
    function heart(){% O$ ]- o  ^; T
      X = getX(radian);
# p, X/ S  s  `/ [" }2 E      Y = getY(radian);
6 C) s$ z  {: L7 c               (1)                 //在给定坐标位置绘制给定大小的图片
/ t& z3 V7 j" ~# K. z1 G$ N. T      radian+=radian_add;
& b* ~: q: v0 s& S# f- F3 q5 [      if (radian > (2*Math.PI)){ //绘制完整的心型线后取消间歇调用
* z& n% Q' [2 J: B        clearInterval(intervalId);" u% ~% p; Z( N6 g$ N+ k
      }2 ]5 H! k4 S/ L
    }
7 S1 v1 m+ D1 c5 ~    intervalId = setInterval(heart,100);  //设置间歇调用,间隔为100ms
1 t! P$ a/ M3 t' M! @  function getX(t){  //获取心型线的X坐标
( F( G* s* N1 P    return 10*(16*Math.pow(Math.sin(t),3))! L7 C8 L. t# V: \
  }
0 D+ g1 \7 n1 x, ~6 ]+ s  C/ e7 B6 e" D' k# n0 G1 v
  function getY(t){  //获取心型线的Y坐标. U- G& f& s* v$ k
               (2)                   ; X; ~( q/ }4 ~! t" T" V! |. x
  }
, f6 {$ h! J* S6 W# E
" U) N% d% G  ?7 _5 M8 I$ G+ C! e7 T4 p% l
1.请用在给定坐标位置绘制给定大小的图片,在空白(1)处填写代码。" J+ F$ N  H( Y3 a$ K) N. j
7 p* T& ?" ?& J" w; f0 @6 L% e
2.请在空白填(2)处获取心型线的Y坐标,填写代码。
. S4 H2 f1 I4 v5 I- c/ u6 H3 ?+ L7 B' _! }) Z2 N1 f* f

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?会员注册

×
奥鹏作业答案,奥鹏在线作业答案
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
 
客服一
客服二
客服三
客服四
点这里给我发消息
点这里给我发消息
谋学网奥鹏同学群2
微信客服扫一扫

QQ|关于我们|联系方式|网站特点|加入VIP|加盟合作|投诉建议|法律申明|Archiver|小黑屋|奥鹏作业答案-谋学网 ( 湘ICP备2021015247号 )

GMT+8, 2024-3-28 16:53 , Processed in 0.099597 second(s), 19 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表