實例|微博SVG實驗 - 星星打分 by 計育韜
掃碼查看案例效果
大家好,我是交互設計師計育韜,今天分享一期基于 <id> 能力的簡單微博 SVG 互動小組件。注意該效果在微信公眾號內不可直接應用,除非采用「無限選擇器」模式以過于復雜的代碼架構實現。
關于該效果的一點思考:
通常對于 <id> 我們習慣于線性的指向關系部署,容易忽略循環交互結構的應用,所以本實例的演示主要在于提供對應的啟發性思考,并且可以考慮進一步對評星動作綁定更多動畫內容,產生評星和評價結果的映射關系。以上基本結構已授權@黑科技編輯器 模版化使用,其他廣大用戶能就此探索獨特的微博 SVG 交互形式。
如需獲取本實例源代碼,請關注微博@JZ多媒體解決方案并私信,我們將進一步在微博中為廣大開發者和運營人帶來更多實例演示和技術分析,長按識別下方二維碼,前往微博與我們共同探討。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本內容為作者獨立觀點,不代表數英立場。
本文禁止轉載,侵權必究。
本文禁止轉載,侵權必究。
本文系數英原創,未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)