2022全新玩法來(lái)了,SVG還能做單選拆盲盒
胖友們好,我是三兒。最近肯德基和dimoo聯(lián)名的盲盒套餐好火??!聽(tīng)說(shuō)很多沒(méi)搶到的已經(jīng)開(kāi)始找人代購(gòu)代吃了。
沒(méi)搶到盲盒的三兒也想過(guò)一過(guò)拆盲盒的癮,自己動(dòng)手給搞了一套盲盒,大家來(lái)拆拆看會(huì)抽到隱藏款嗎?
上面三兒用來(lái)做盲盒的SVG,就是我們SVG編輯器最近推出的一個(gè)全新效果啦-單選答案解析類(lèi)答題效果。
和以往效果不同的是,這個(gè)SVG只可以操作一次點(diǎn)擊,所以還可以設(shè)置單選,應(yīng)用在下面這種附解析的單選題中:
看完了效果,下面三兒把教程先給大家走起!
通過(guò)135編輯器左側(cè)入口進(jìn)入svg編輯器
或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入:
http://hackiots.com/svgeditor/
選擇素材-點(diǎn)擊分類(lèi),點(diǎn)擊『單選答案解析類(lèi)答題效果』素材,添加到編輯區(qū)域
在編輯器右側(cè)點(diǎn)擊『添加圖片』按鈕,為效果添加背景圖和答案圖片
背景圖素材示例:
答案圖示例:
注意:
所有圖片素材的寬度和高度需要一致。
每上傳一張答案圖時(shí),背景圖上都會(huì)對(duì)應(yīng)顯示一個(gè)紅色的選項(xiàng)熱區(qū),將這個(gè)熱區(qū)位置放置到背景圖上對(duì)應(yīng)的點(diǎn)擊位置,調(diào)整好熱區(qū)大小,即可實(shí)現(xiàn)點(diǎn)擊該位置展示上傳的答案圖片。
制作好的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)吧。
·END·
文章排版由135編輯器提供技術(shù)支持
■ ■ ■ ■
立即登錄
- 2023霜降節(jié)氣海報(bào)合集,給你專(zhuān)屬秋天的靈感!
- 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
- 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
- 不看會(huì)后悔系列!2023國(guó)慶節(jié)精美海報(bào)模板分享!