久久精品影院一区二区三区-久久精品影视-久久精品伊人网-久久精品伊人波多野结-伊人网二本二区-伊人婷婷在线

      現在很多公眾號直接在正文頁通過SVG交互動畫增加文章的閱讀交互體驗，而不再跳轉H5頁面，結合這一需求易龍天今天就和大家一起來了解一下SVG交互技術吧。

1 、為什么公眾號需要交互SVG

技術要有落地的應用場景才能發揮實效。為什么很多公眾號開始做SVG交互而放棄H5呢？

主要原因有兩點。

1）H5制作成本高，需要一定的開發周期和服務器支撐。

2）從正文頁跳轉H5頁面多了一個步驟，容易造成用戶流失。當然，對于需要復雜交互，或者更多功能的話，還是需要單獨開發H5。

     SVG雖然只能實現簡單的交互，但既能增加交互體驗又不會太分散用戶對內容的關注點，在很多場景下還是很有需求的。

2 應用場景

       SVG交互本質還是基于SVG SMIL animation，配合SVG的click事件，實現非常簡單的交互。

雖然實現的效果很有限，但還是有很多發揮空間的，比如以下應用場景：

【汽車宣傳】點擊車子后，車子移動，經過某個位置顯示某個特性或地點名稱文案。

【心理測試】點擊某個選項后，出現選擇結果。

【拆紅包】一層一層拆掉紅包，顯示最里面內容。

【密碼解鎖】點擊指定的幾個數字后，顯示解鎖內容。

【猜燈謎】點擊后顯示內容，類似翻牌。