如何使用SVG编辑器:新手入门详细教程

96使用教程

svg编辑

96编辑器

什么是svg

 

作为一款专业的动态图文制作工具,SVG编辑器的核心优势在于其庞大的素材库与自由的组合能力。无需从头构建复杂图形或编写代码,即可通过拖拽、组合素材,高效创建出静态样式工具难以实现的动态效果与视觉表现。

svg编辑器如何使用

 

SVG编辑器内置的素材栏集成了海量SVG效果资源库。用户可直接输入关键词进行智能搜索,快速定位所需特效素材,极大提升了设计效率。

 

微信图片_20220504151813.png

 

点击查看完整操作教程,扫码实时预览SVG互动效果。

 

 

如何导出代码

 

一、在编辑器导出代码

 

1、点击右上角的【导出】按钮

 

导出.png

 

2、点击复制代码(注意:复制的代码可以直接粘贴到96编辑器使用)

 

 

3、打开微信公众平台,创作一篇新的图文

 

微信图片_20220504155106.png

 

4、在正文处,输入数字1。

 

5、按键盘F12或者右键点击空白处选择检查

 

1619673275135376.png

 

6、点击箭头选中刚输入的数字找到右侧代码1处

 

1.png

 

7、点击右键选择【Edit as HTML】

 

html.png

 

8、把svg里的代码替换到这里

 

‘’‘.png

 

二、在96上导出代码

 

1、点击右上角的【导出】按钮

 

导出.png

 

2、点击插入编辑器

 

 

svg模板教程

 

1.点击-擦除图片(由下向上)

2.整图向下翻页

3.96文章

4. 点击图片移动切换

5.多图自动轮播

6.点击封面图回缩展开-可设置自定义触发

7.自动切换图片自动展开-可设置自定义触发

8.基础多图左滑-可自定义上传数量

9.横屏无缝拼接视频

10.超链接-无角标

 

 

微信ID:bj96weixin
长按左侧二维码添加