SVG排版小技巧(SVG點(diǎn)擊效果)
胖友們大家好呀,我是三兒,今天我們先來玩?zhèn)€小游戲吧!2020年經(jīng)歷了許多不愉快,2021年即將到來,你希望新的一年哪些東西消失呢?
哇塞!所有讓你不愉快的東西全部都消失了!是不是很棒!
這是怎么做到的呢?三兒教你!
SVG編輯器入口:http://serialka.com/svgeditor/
點(diǎn)擊消失圖片
ID:100884
【樣式作用】:創(chuàng)意SVG,可以與讀者進(jìn)行有效的互動,幫助打造文章氛圍。除此之外,還可以結(jié)合產(chǎn)品特性,制作出更多的玩法。
【使用說明】:如需要替換圖片,請?jiān)趯I(yè)版用動畫功能,需要使用同步功能同步至微信公眾號。
一、如何更換內(nèi)容?
135編輯器對SVG樣式做了更新,在專業(yè)版中特意添加了『動畫』按鈕,胖友們可以在『動畫』設(shè)置中對SVG樣式進(jìn)行修改。
1.首先將編輯器切換至專業(yè)版,點(diǎn)擊右側(cè)『更多功能』,在彈出的菜單中選擇『切換專業(yè)版』,即可將編輯器切換為專業(yè)版。
2.搜索樣式ID:100884,找到『svg點(diǎn)擊消失圖片』樣式,插入至編輯器中。
3.點(diǎn)擊選中樣式(在樣式周圍出現(xiàn)虛線框時(shí),才算選中哦?。?,在彈出的菜單欄中,選擇『動畫』按鈕,進(jìn)入動畫設(shè)置界面。
4.在動畫設(shè)置界面,點(diǎn)擊『圖片上傳』,上傳圖片即可。
注意:
① 圖片上傳順序?yàn)榭v列依次上傳。
② 圖片默認(rèn)為9張,大家可以刪除或者復(fù)制,增加圖片的張數(shù)。
5.圖片上傳時(shí),推薦選擇原圖上傳,就可以將做好的圖片完整的上傳了!
6.設(shè)置完所有內(nèi)容以后,胖友們可以在svg設(shè)置頁面右側(cè)的預(yù)覽框中進(jìn)行測試,也可以返回編輯器界面,點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測試。
注意:編輯好后,不要在編輯界面點(diǎn)擊該svg圖片,直接手機(jī)預(yù)覽查看即可,不然圖片消失。
注意事項(xiàng):
這里需要注意的是,由于微信后臺限制,所以排版完成后的推文需要使用保存同步功能,如果使用復(fù)制粘貼會導(dǎo)致樣式失效!
立即登錄
- 雙十二電商活動宣傳排版素材(電商商品促銷推廣模版樣式)
- 乞巧節(jié)微信公眾號推文排版素材(愛情浪漫活動推廣文案)
- 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節(jié)紀(jì)念日推文排版樣式(光輝歷程文案宣傳模版)