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