實例|微博SVG實驗 - 文本飛行動畫 by 計育韜
掃碼查看案例效果
大家好,我是交互設計師計育韜,今天分享一期超出《微信下 SVG AttributeName 白名單》許可范疇,但在微博內可行的 <startOffset> 動畫設計,且結合了 <id> 能力以此引用文本的飛行軌跡參數。
關于該效果的兩點思考:
<starOffset> 動畫在 2016 年由于影響微信圖文的渲染效率因而不被我納入許可動畫范疇,所以與之有關的如文本飛行效果自然受制于此 AttributeName 的限定規則。
而本案例一方面是為了引導廣大開發者突破微信公眾號即往的動畫類目限制,探索更廣闊的動畫類目,另一方面是再次展現 <id> 的豐富應用價值,以供各位參考。
如需獲取本實例源代碼,請關注微博@JZ多媒體解決方案并私信,我們將進一步在微博中為廣大開發者和運營人帶來更多實例演示和技術分析,長按識別下方二維碼,前往微博與我們共同探討。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本內容為作者獨立觀點,不代表數英立場。
本文禁止轉載,侵權必究。
本文禁止轉載,侵權必究。
本文系數英原創,未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)