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