怎么插入svg_这个SVG有点意思,还能自己动?

f9039226da3051da98bb37c14e07bede.gif

嘿,胖友们大家好呀,我是三儿。

又到了我们的SVG教学环节了,胖友们是不是特别期待呀。在之前的推文中我们有说过如何使用滑动样式来进行排版,滑动样式在推文中的使用也是非常的广泛。

有胖友可能要说了:“还要我自己去滑动,太麻烦了,要是能自己滑动就好了!”

诶,你别说,还真可以!

先来看看效果吧。

▼我是全自动的哦~

本样式由135编辑器出品,不允许任何第三方编辑器抄袭使用,违者必纠。

怎么样,是不是特别有有意思!不用动手,就可以实现图片自动滑动,简直是『懒癌』患者的福音啊!

那么问题来了,这个样式该如何使用呢?

别急,今天三儿来教你,轻松玩转SVG点击样式!

话不多说,教程开始!

92103f531e80bfcf3fbbbcf73541d2ba.png

自动轮播样式

ID:99049

【样式作用】:节约排版空间,版面清爽整洁的同时还能与读者进行有效的互动,帮助打造文章氛围。除此之外,还可以结合产品特性,制作出更多的玩法。

【使用说明】:该样式只支持4张图片的切换,上传图片请使用按样式图片比例上传,建议使用1280*845尺寸的图片,首图和尾图需要保持是同一张图片才能实现无缝轮播,需要使用同步保存功能同步到公众号。

首先,我们需要准备样式中所需要用到的图片,所有的图片都需要保持宽高一致,不然会导致样式错版哦!

一、如何更换图片?

  

按照上面的要求准备好图片以后,我们就可以开始更换图片了。更换图片我们可以使用专业版编辑器的动画功能来进行更换。

1.首先将编辑器切换至专业版,点击右侧『更多功能』,在弹出的菜单中选择『切换专业版』,即可将编辑器切换为专业版。

7d5186fdf7db5e58aa4e963c07221821.png


2.搜索样式ID:99049,找到『点击切换图片』样式,插入至编辑器中。

556667470ddae4770a5608c47be1095d.png

3.点击选中样式(在样式周围出现虚线框时,才算选中哦!),在弹出的菜单栏中,选择『动画』按钮,进入动画设置界面。

940b5be4693b420cb84d0fa7ae252cc3.png

这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的!

4.在动画设置界面,我们就可以对样式内的图片进行更换了,胖友们可以点击链接下方的『图片上传』按钮上传图片。

40bf9668d0becb42d0202780264e31cc.png

这里需要注意的是:首图和尾图需要保持是同一张图片才可以实现无缝轮播哦!

5.我们还可以给图片添加滤镜,点击『图片滤镜』,在弹出的滤镜设置页面中,选择你想要使用的滤镜,点击『完成编辑』即可完成设置。

defc853a34117ff002ba435e07c9b6c4.png

6.设置完所有内容以后,胖友们可以在右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。

da2fc99a86ea76f710be3413554655c6.png

注意事项:

1fda4c730de40391a54c75185daf1962.png

这里需要注意的是,由于微信后台限制,所以排版完成后的推文需要使用保存同步功能,如果使用复制粘贴会导致样式失效哦!

6ed63d19cda91158155f0b8d055defc5.gif

三、视频版教程

  

三儿还为你们录制了一段视频版的教程,胖友们可以结合视频版的内容进行操作哦!

cd07298adfbec0f106f1a678f6779562.gif

好啦,今天的教程就到这里啦

胖友们学会了吗?

如果你还有关于其它样式的疑问

都可以留言告诉三儿哦

·EN

文章排版由135编辑器提供技术支持

■ ■ ■ ■

26f347b6e8cdc333d287b8d5cd1b70a9.gif

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值