《135编辑器使用帮助》目录

    135SVG布局教程

    自定义SVG布局功能可以自由组合编辑多种不同的黑科技交互效果 更多玩法等待你来解锁


    自定义SVG布局功能可实现部分效果展示

    1、点击空白显示文字

    2、点击空白显示图片

    3、点击文字切换文字

    4、点击图片切换图片(类似人民日报点亮武汉)

    5、答题类(类似网易哒哒答题)

    6、九宫格答题

    7、自动播放图片(不循环,建议放在文首)

    8、点击展开全文(打开卷轴)

    ↑点击可跳转相应的教程



    准备工作


    1、将菜单栏切换成【专业版】


    image.png


    2、在基础布局,找到SVG布局,点击样式,放置在135编辑器编辑区内。


    image.png

    image.png


    3、在编辑区内点击样式,在弹出的菜单栏中点击【SVG布局动画】


    image.png



    界面示意


    image.png


    image.png

    横向、纵向百分比设置:定位文字方位

    文字内容:输入后支持单行显示

    文字粗细:默认0,数值越大文字越粗

    文字大小:默认18,数值越大,文字越大

    文字颜色:与135编辑器一致

    背景:可设置背景颜色



    image.png

    动画触发:

    点击是需要读者点击后,才出现下一页画面效果。

    自动是打开文章时,自动开始进行播放。



    image.png

    动画类型:

    无动画:无任何效果

    字幕:类似弹幕效果可以设置上下左右四个方向

    快闪:快速切换闪动

    淡入:逐渐显示

    淡出:逐渐消失

    移入移出:当前画面向上下左右四个方向移出或者移入

    展开:只允许最后一屏设置展开效果,画面向下展开



    时间设置:

    动画时长:动画能持续多久时间,时间设置得越久,动作就越缓慢

    动画延迟:读者触发了这个动画效果后,多久开始执行这个效果。时间设置得越久,等待得越久。


    image.png

    图片区域:

    包含是指图片如果无法刚好铺满画布,则留出一定空白。

    覆盖是指图片如果无法刚好铺满画布,则会自动裁去超出的部分。


    image.png

    image.png


    - END -


    如果您的疑问尚未被解决

    请点击135编辑器右下角【联系客服】

    我们诚挚邀请您给135编辑器提供【意见和建议】

    微信关注135编辑器 ID:editor135 ,获取更多排版干货知识