如何在微信推文中添加SVG效果？
掌握在微信推文中添加動態(tài)SVG效果的技巧！本文提供詳細的135編輯器SVG組件搜索、滑動效果添加及SVG代碼插入教程，助你提升微信內(nèi)容互動性和吸引力?？焖賹W(xué)習(xí)，立即應(yīng)用，讓每篇推文都充滿活力！
大家好，我是三兒
上一篇給大家解答了編輯器相關(guān)問題，這一次和大家聊聊SVG，話不多說直接上干活！
1
“SVG組件在哪里搜索？”
不少新手朋友，看到某篇推文用了某個效果后就來問三兒，當(dāng)三兒告訴他們用那個組件可以制作時，他們常這樣回復(fù)我。
“??？在哪里啊”
“啊，我怎么輸入你的組件ID后沒有找到呢”
再看他們發(fā)來的截圖，大多都是找錯了位置。
SVG組件的搜索、查找、制作，都需要我們進入SVG編輯器里，而進入SVG編輯器的入口有這幾個：
1.135編輯器左側(cè)找到SVG編輯器
2.輸入svg編輯器網(wǎng)址
http://m.syjsm.cn/svgeditor/
*小貼士：大家可以收藏網(wǎng)址，這樣就不會找不到它了
關(guān)于組件搜索，大家一定要讓[效果互動]高亮后，再在搜索框中輸入組件ID
而不少朋友選擇的是[樣式模板]，樣式模板可以理解為官方出品的互動模板，用戶必須要按照素材要求替換圖片，否則無法正常實現(xiàn)預(yù)設(shè)效果，用戶自由度較低。
而互動效果中的效果組件，對用戶限制并不多，只要滿足素材要求都可以使用，大家可以天馬行空創(chuàng)造自己的作品。
2
“怎么在展開里添加滑動呀”
不少品牌推文喜歡開篇一張圖，點擊后暗藏玄機，里面有滑動、有點擊換圖、有輪播......
“這個怎么做的啊”
這是三兒常聽到的疑問。
其實很簡單，在svg編輯器中我們需要先在[互動效果]然后找到[組合]
在[組合]中就意味著我們能使用的效果是多個而非單個，這里三兒就以點擊展開為例。
我們可以在搜索框中輸入效果關(guān)鍵詞：點擊直接展開，然后根據(jù)我們所需選擇需要使用的效果。
我們單擊其中一個組件到編輯區(qū)域后，就能看到[編輯展開內(nèi)容]選擇，而這里面我們就可以選擇需要添加的效果組件，包括但不限于輪播、點擊換圖、點擊跳轉(zhuǎn)小程序、滑動等
不過需要注意的是：在展開內(nèi)并不是所有效果都能添加，比如你想要實現(xiàn)[展開嵌套展開]，可不能在展開中再去找一個展開效果，而是需要使用單獨的組件：展開里套展開 組件ID：336
3
“SVG效果怎么插入文章中？”
其實很簡單，三兒用一個實際案例作為例子。
假如我們需要在一篇文章中插入一個圖片輪播，我們應(yīng)該怎么插入呢？
我們在制作好輪播后，選擇[導(dǎo)出]—[復(fù)制到135編輯器]
這時候我們已經(jīng)復(fù)制了SVG效果代碼，然后我們到135編輯器頁面，找到需要插入效果的位置的地方
選擇圖片所在區(qū)域，在區(qū)域樣式中找到[區(qū)域代碼]
找到圖片的代碼也就是帶有<img>標(biāo)簽的內(nèi)容，選中后Ctrl+v替換我們的SVG組件代碼即可
這時候有朋友說了：那我想要替換的不是圖片呢？就是一個段落呢？
段落的代碼標(biāo)簽是<p></p>,空行的代碼標(biāo)簽<br/>,我們只需要找到<p></p>中的<br/>然后替換它即可
*注意：大家發(fā)現(xiàn)沒有我們粘貼svg效果都需要在區(qū)域樣式中完成，所以大家一定不要將所有內(nèi)容放在一個編輯框中，每完成一個部分就使用[后空行]（不是敲回車），或是使用[布局]中的[基礎(chǔ)布局]
以上就是大家
常遇的SVG問題
當(dāng)然三兒也是抓典型來講
如果你還有什么疑問
歡迎大家在評論區(qū)留言
三兒會記在小本本上
之后再出一篇Q&A
立即登錄
