當前位置:編程學習大全網 - 站長素材 - html5 兩個canvas重疊放在壹個div裏面,每個canvas各填充壹張圖片,代碼怎麽寫?

html5 兩個canvas重疊放在壹個div裏面,每個canvas各填充壹張圖片,代碼怎麽寫?

1、首先素材準備,基本框架的建立。這裏讓壹個有字的圖片從左到右運動起來。

2、將圖片素材引入網頁,定義canvas標簽,獲取canvas的上下文。定義壹個畫圖片的函數,使用canavs繪圖API裏面的drawImage來完成。

3、寫壹個更新的函數,因為我們要讓他動起來,所以每時刻繪制的地方都不壹樣。註意:這裏要用clearRect,這個函數,主要是為了清空畫布。

4、寫定時函數,每隔0.2秒就更新壹次,重新繪制。

5、最後來看看最終的效果,就完成了。

  • 上一篇:學黨史知黨恩跟黨走的內容手抄報 永遠跟黨走手抄報
  • 下一篇:在PPT幻燈片中怎樣畫齒輪_齒輪ppt圖片素材
  • copyright 2024編程學習大全網