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