溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了小程序怎么創建一個動畫實例animation，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學習一下“小程序怎么創建一個動畫實例animation”這篇文章吧。
創建一個動畫實例animation。調用實例的方法來描述動畫。最后通過動畫實例的export方法導出動畫數據傳遞給組件的animation屬性。
注意: export 方法每次調用后會清掉之前的動畫操作
OBJECT參數說明：
| 參數 | 類型 | 必填 | 默認值 | 說明 |
|---|---|---|---|---|
| duration | Integer | 否 | 400 | 動畫持續時間，單位ms |
| timingFunction | String | 否 | "linear" | 定義動畫的效果 |
| delay | Integer | 否 | 0 | 動畫延遲時間，單位 ms |
| transformOrigin | String | 否 | "50% 50% 0" | 設置transform-origin |
timingFunction 有效值：
| 值 | 說明 |
|---|---|
| linear | 動畫從頭到尾的速度是相同的 |
| ease | 動畫以低速開始，然后加快，在結束前變慢 |
| ease-in | 動畫以低速開始 |
| ease-in-out | 動畫以低速開始和結束 |
| ease-out | 動畫以低速結束 |
| step-start | 動畫第一幀就跳至結束狀態直到結束 |
| step-end | 動畫一直保持開始狀態，最后一幀跳到結束狀態 |
var animation = wx.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0})小程序相對于開發者來說，開發難度較低，可節約開發和運營成本，讓開發者可以快速地開發一個小程序。并且小程序可在微信內被便捷地獲取和傳播，能夠滿足基礎的生活應用，符合生活服務類線下商鋪以及非剛需低頻應用的轉換。對于用戶而言，能夠節約使用時間成本和手機內存空間，同時具有優異的使用體驗。
以上就是關于“小程序怎么創建一個動畫實例animation”的內容，如果該文章對您有所幫助并覺得寫得不錯，勞請分享給您的好友一起學習新知識，若想了解更多相關知識內容，請多多關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
