SVG编辑器效果添加图文教程
“我在svg编辑器里做好了svg效果,但是怎么在它的上面或者下面添加图文呢?”
其实Svg编辑器效果配合其它图文使用主要有 2 种方式,第一种是在svg编辑器使用『135图文』卡片直接编辑,另一种是导出svg效果代码到135编辑器编辑,两种使用方式本质上一致,只是使用习惯的不同而已。
点击编辑器右侧的『编辑图文内容』按钮,或者双击中间编辑区的卡片,调出135编辑器图文编辑界面。
这个时候会跳转到一个简单的135编辑器编辑界面,我们可以在当前页面编辑文章,样式和135编辑器一致,你可以在该图文编辑界面为你的文章任意添加样式或模板。
如果你已经提前在135编辑器编辑好了文章,那么可以在当前页面点击『我的文章』,选择你编辑好的那篇文章即可。
完成文章编辑并预览无误后,可以使用『导出』或者『同步』功能,将文章保存到微信公众号后台。
粘贴好代码后再点击html退出代码模式,点击后空行或者前空行即可编辑其它图文内容。
注意:前面我们提到的粘贴代码是在一篇空白图文的基础上,不用判断该把代码粘贴到哪个位置,如果是在图文中部或者在一篇图文的不同位置插入svg效果,该如何定位代码位置呢?
a.在编辑界面添加一个新的文本框,此时会出现一个空白的红色虚线框,我们要保证鼠标在这个红色的虚线框之内。(如果怎么点都无法成功召唤红色的虚线框,那可以选择一个样式,点击样式之后选择前/后空行,再点一下我们刚刚设置的空白处就会有红色虚线框了)
b.点击html进入代码模式,此时的代码内会有一段阴影代码,这部分代码对应的就是刚刚的空白红色虚线框处,直接用ctrl+v粘贴我们之前复制的svg效果代码即可。
c.完成文章编辑并预览无误后,利用授权同步功能,将文章保存到微信公众号后台。
是不是只要掌握了方法,svg编辑器效果结合其它图文使用就变得很简单了。除此之外,三儿还整理了几个常见使用问题,胖友们可以看一下,让使用过程更加流畅哦~
这是因为效果样式中的图片尺寸不对。上传图片的宽度和高度需要和原效果图片尺寸一致,上传图片时选择裁剪上传-按原图比例进行裁剪即可。
375*667是普通屏幕显示,414*736是宽屏显示(如iphone6/7/8plus),导出代码直接复制到135编辑器里可以预览手机屏幕尺寸的效果。
由于svg操作比较复杂,返回一步的步骤会影响到效果的显示。如果误操作,可以选中该模块,点击删除,编辑区内的其他编辑完成的模块不会受到影响。
相关文章:
相关推荐:
网友评论: