2022全新玩法來(lái)了,SVG還能做單選拆盲盒

胖友們好,我是三兒。最近肯德基和dimoo聯(lián)名的盲盒套餐好火??!聽(tīng)說(shuō)很多沒(méi)搶到的已經(jīng)開(kāi)始找人代購(gòu)代吃了。

https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9qcGcveXFWQXFvWnZEaWJHallKbEVDRW5vcU1PaWJIcGRRZ0xUUzdHbVUxeW5CYzc3ZWd3bk10eHRvS20zSWxYTzRodjh6ZFZ2aWFHT1RIRkQxNHlETEFQOVk3YXcvMD93eF9mbXQ9anBlZw==


沒(méi)搶到盲盒的三兒也想過(guò)一過(guò)拆盲盒的癮,自己動(dòng)手給搞了一套盲盒,大家來(lái)拆拆看會(huì)抽到隱藏款嗎?


·


上面三兒用來(lái)做盲盒的SVG,就是我們SVG編輯器最近推出的一個(gè)全新效果啦-單選答案解析類(lèi)答題效果。


和以往效果不同的是,這個(gè)SVG只可以操作一次點(diǎn)擊,所以還可以設(shè)置單選,應(yīng)用在下面這種附解析的單選題中:


·

看完了效果,下面三兒把教程先給大家走起!




操作教程



01 進(jìn)入SVG編輯器


通過(guò)135編輯器左側(cè)入口進(jìn)入svg編輯器



或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入:

http://hackiots.com/svgeditor/




02 添加素材


選擇素材-點(diǎn)擊分類(lèi),點(diǎn)擊『單選答案解析類(lèi)答題效果』素材,添加到編輯區(qū)域




03 添加圖片


在編輯器右側(cè)點(diǎn)擊『添加圖片』按鈕,為效果添加背景圖和答案圖片



背景圖素材示例:



答案圖示例:




注意:


所有圖片素材的寬度和高度需要一致。



04 設(shè)置選項(xiàng)熱區(qū)


每上傳一張答案圖時(shí),背景圖上都會(huì)對(duì)應(yīng)顯示一個(gè)紅色的選項(xiàng)熱區(qū),將這個(gè)熱區(qū)位置放置到背景圖上對(duì)應(yīng)的點(diǎn)擊位置,調(diào)整好熱區(qū)大小,即可實(shí)現(xiàn)點(diǎn)擊該位置展示上傳的答案圖片。




05 同步/導(dǎo)出


制作好的SVG文章可以通過(guò)使用『同步』或『導(dǎo)出』功能,保存到微信公眾號(hào)平臺(tái)(ps:不知道咋同步和導(dǎo)出的胖友,點(diǎn)擊按鈕,根據(jù)提示操作即可)



注意:


如使用導(dǎo)出代碼功能,則需根據(jù)SVG效果的使用平臺(tái)(135編輯器/微信后臺(tái)),選擇對(duì)應(yīng)平臺(tái)的代碼進(jìn)行復(fù)制,盡量不要直接粘貼代碼,以免效果有誤。



以上就是『?jiǎn)芜x答案解析類(lèi)答題效果』的使用教程,學(xué)會(huì)了的胖友趕緊實(shí)操起來(lái)吧。


·EN

文章排版由135編輯器提供技術(shù)支持

 ■ ■ 

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開(kāi)渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
小三兒135主筆
一個(gè)酷愛(ài)鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報(bào)合集,給你專(zhuān)屬秋天的靈感!
  • 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
  • 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
  • 不看會(huì)后悔系列!2023國(guó)慶節(jié)精美海報(bào)模板分享!
比格設(shè)計(jì)
熱門(mén)工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷(xiāo)、私域流量運(yùn)營(yíng)——站式營(yíng)銷(xiāo)管理平臺(tái)
推薦文章
用戶(hù)運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩?hù)運(yùn)營(yíng)中的用戶(hù)分層
內(nèi)容運(yùn)營(yíng):戴上寫(xiě)作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢(qián)
一個(gè)案例說(shuō)明白用戶(hù)分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車(chē)也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門(mén)素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到