大家好，我是三兒

上一篇給大家解答了編輯器相關(guān)問題，這一次和大家聊聊SVG，話不多說直接上干活！

不少新手朋友，看到某篇推文用了某個(gè)效果后就來(lái)問三兒，當(dāng)三兒告訴他們用那個(gè)組件可以制作時(shí)，他們常這樣回復(fù)我。

“??？在哪里啊”

“啊，我怎么輸入你的組件ID后沒有找到呢”

再看他們發(fā)來(lái)的截圖，大多都是找錯(cuò)了位置。

2.輸入svg編輯器網(wǎng)址

http://serialka.com/svgeditor/

*小貼士：大家可以收藏網(wǎng)址，這樣就不會(huì)找不到它了

關(guān)于組件搜索，大家一定要讓[效果互動(dòng)]高亮后，再在搜索框中輸入組件ID

而不少朋友選擇的是[樣式模板]，樣式模板可以理解為官方出品的互動(dòng)模板，用戶必須要按照素材要求替換圖片，否則無(wú)法正常實(shí)現(xiàn)預(yù)設(shè)效果，用戶自由度較低。

而互動(dòng)效果中的效果組件，對(duì)用戶限制并不多，只要滿足素材要求都可以使用，大家可以天馬行空創(chuàng)造自己的作品。

不少品牌推文喜歡開篇一張圖，點(diǎn)擊后暗藏玄機(jī)，里面有滑動(dòng)、有點(diǎn)擊換圖、有輪播......

“這個(gè)怎么做的啊”

這是三兒常聽到的疑問。

其實(shí)很簡(jiǎn)單，在svg編輯器中我們需要先在[互動(dòng)效果]然后找到[組合]

在[組合]中就意味著我們能使用的效果是多個(gè)而非單個(gè)，這里三兒就以點(diǎn)擊展開為例。

我們可以在搜索框中輸入效果關(guān)鍵詞：點(diǎn)擊直接展開，然后根據(jù)我們所需選擇需要使用的效果。

我們單擊其中一個(gè)組件到編輯區(qū)域后，就能看到[編輯展開內(nèi)容]選擇，而這里面我們就可以選擇需要添加的效果組件，包括但不限于輪播、點(diǎn)擊換圖、點(diǎn)擊跳轉(zhuǎn)小程序、滑動(dòng)等

不過需要注意的是：在展開內(nèi)并不是所有效果都能添加，比如你想要實(shí)現(xiàn)[展開嵌套展開]，可不能在展開中再去找一個(gè)展開效果，而是需要使用單獨(dú)的組件：展開里套展開 組件ID：336

其實(shí)很簡(jiǎn)單，三兒用一個(gè)實(shí)際案例作為例子。

假如我們需要在一篇文章中插入一個(gè)圖片輪播，我們應(yīng)該怎么插入呢？

我們?cè)谥谱骱幂啿ズ螅x擇[導(dǎo)出]—[復(fù)制到135編輯器]

這時(shí)候我們已經(jīng)復(fù)制了SVG效果代碼，然后我們到135編輯器頁(yè)面，找到需要插入效果的位置的地方

選擇圖片所在區(qū)域，在區(qū)域樣式中找到[區(qū)域代碼]

找到圖片的代碼也就是帶有<img>標(biāo)簽的內(nèi)容，選中后Ctrl+v替換我們的SVG組件代碼即可

這時(shí)候有朋友說了：那我想要替換的不是圖片呢？就是一個(gè)段落呢？

段落的代碼標(biāo)簽是<p></p>,空行的代碼標(biāo)簽<br/>,我們只需要找到<p></p>中的<br/>然后替換它即可

*注意：大家發(fā)現(xiàn)沒有我們粘貼svg效果都需要在區(qū)域樣式中完成，所以大家一定不要將所有內(nèi)容放在一個(gè)編輯框中，每完成一個(gè)部分就使用[后空行]（不是敲回車），或是使用[布局]中的[基礎(chǔ)布局]

以上就是大家

常遇的SVG問題

當(dāng)然三兒也是抓典型來(lái)講

如果你還有什么疑問

歡迎大家在評(píng)論區(qū)留言

三兒會(huì)記在小本本上

之后再出一篇Q&A