東師-22春《HTML5開發(fā)基礎與應用》期末作業(yè)考核【資料答案】

可做奧鵬全部院校在線離線作業(yè)畢業(yè)論文QQ:3230981406 微信:aopopenfd777

發(fā)布時間:2022-09-12 23:47:03來源:admin瀏覽: 20 次

要求:在本文檔中的題目下作答,提交本word文檔即可。

上次的作業(yè)大家都完成得很棒!筆芯~

接下來我們就去豐富內容啦。Number one在導航部位新添加一個動畫頁面鏈接。常言道:愛在心口難開。表達愛怎么能少的了?呢。

任務:在新的頁面讓來我們來制作一個心型的動畫,來獲取芳心吧。

 



圖上是用canvas畫出的動態(tài)的心形圖片,參考代碼如下:

<img id="flower" src="img/img-1.jpg">

<canvas id="drawing" width="520" height="500"></canvas>

  <script type="text/javascript">

    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 : 3230981406或微信:aopopenfd777

作業(yè)咨詢 論文咨詢
微信客服掃一掃

回到頂部