這是H5一個非常重要的特性，你在很多H5中看到的動畫效果就是用H5的繪圖功能做的，比較典型的例子是STC風(fēng)云榜分享的可口可樂的例子，有興趣可以點擊最后的“閱讀原文”看一下。

為了方便理解，你可以將H5的繪圖功能類比為Flash，但是唯一的決定性區(qū)別是，F(xiàn)lash做出來的動畫無法在移動端的瀏覽器中瀏覽，因為Adobe早已在2012年就停止了對移動端flash的開發(fā)。毫無疑問，未來的移動網(wǎng)頁游戲和動畫會是H5的天下。

從技術(shù)實現(xiàn)的角度，H5配合JS（一種程序語言）可以做出任何二維動畫，并且因為是網(wǎng)頁元素，所有元素均可以監(jiān)測到用戶點擊的數(shù)據(jù)，也就是說你可以知道用戶在H5動畫網(wǎng)頁中的所有交互行為。但是，具體到實際應(yīng)用，我們就要考慮周期、成本，和用戶體驗的問題，復(fù)雜的動畫相應(yīng)的制作周期和成本會提高，同時也有可能影響加載速度等用戶體驗相關(guān)的問題。

以下這個網(wǎng)站是H5繪圖功能的典型例子，非常強(qiáng)大。你可以選擇不同型號的毛筆、筆觸半徑以及墨水的顏色，整個繪圖過程非常順暢，而且還有一個模擬手握毛筆的人性化設(shè)計。