互聯網信息化咨詢/技術開發/整合營銷
請通過以下方式免費咨詢
提交
現在很多公眾號直接在正文頁通過SVG交互動畫增加文章的閱讀交互體驗,而不再跳轉H5頁面,結合這一需求易龍天今天就和大家一起來了解一下SVG交互技術吧。
1 、為什么公眾號需要交互SVG
技術要有落地的應用場景才能發揮實效。為什么很多公眾號開始做SVG交互而放棄H5呢?
主要原因有兩點。
1)H5制作成本高,需要一定的開發周期和服務器支撐。
2)從正文頁跳轉H5頁面多了一個步驟,容易造成用戶流失。當然,對于需要復雜交互,或者更多功能的話,還是需要單獨開發H5。
SVG雖然只能實現簡單的交互,但既能增加交互體驗又不會太分散用戶對內容的關注點,在很多場景下還是很有需求的。
2 應用場景
SVG交互本質還是基于SVG SMIL animation,配合SVG的click事件,實現非常簡單的交互。
雖然實現的效果很有限,但還是有很多發揮空間的,比如以下應用場景:
【汽車宣傳】點擊車子后,車子移動,經過某個位置顯示某個特性或地點名稱文案。
【心理測試】點擊某個選項后,出現選擇結果。
【拆紅包】一層一層拆掉紅包,顯示最里面內容。
【密碼解鎖】點擊指定的幾個數字后,顯示解鎖內容。
【猜燈謎】點擊后顯示內容,類似翻牌。