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