1、首先素材準備,基本框架的建立。這裏讓壹個有字的圖片從左到右運動起來。
2、將圖片素材引入網頁,定義canvas標簽,獲取canvas的上下文。定義壹個畫圖片的函數,使用canavs繪圖API裏面的drawImage來完成。
3、寫壹個更新的函數,因為我們要讓他動起來,所以每時刻繪制的地方都不壹樣。註意:這裏要用clearRect,這個函數,主要是為了清空畫布。
4、寫定時函數,每隔0.2秒就更新壹次,重新繪制。
5、最後來看看最終的效果,就完成了。