一、什么是SVG
SVG可以算是目前最最火热的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
简单点说就矢量图形语言。
那矢量图有什么优点？
矢量图与位图最大的区别是，它不受分辨率的影响。因此在印刷时，可以任意放大或缩小图形而不会影响出图的清晰度，可以按最高分辨率显示到输出设备上。
二、 弹幕样式
这里就用135编辑器的弹幕样式进行展示，展示两种最基本常见的弹幕样式。
不可更换背景弹幕样式 ID：90380
可更换背景弹幕 ID：90386
三、 修改代码定制弹幕（如果不想学代码直接看第四部分）
image.png
代码总览，建议保存图片
参数说明（从上向下）
-
弹幕屏幕总高度
因为弹幕宽度跟随设备，所以没有必要调整。弹幕高度调整是因为，弹幕字体大小和位置不能超过弹幕屏幕的大小。
弹幕屏幕高度代码
操作：绿框①和②同时调整为相同数字（自己想要的弹幕屏幕高度）
这个可以先不调，如果后面你发现弹幕行数比较多或者字体比较大，屏幕显示文字不完整，就可以回来把高度调大。
-
弹幕文字设置
弹幕文字设置
代码①
font-family：字体类型（默认微软雅黑）
font-size：字体大小，单位px（像素）
y= "填入数字" x="填入数字" ，x和y,就像初中学过的十字坐标轴一样，确定一行弹幕出现位置。（弹幕坐上角坐标为y=0 x=0）
代码②
begin:开始时间，单位可以是s，也可是ms（1s=1000ms，即1秒=1000毫秒）
dur:弹幕持续时间，即弹幕走完一屏需要的时间。（数值越大，弹幕越慢）
代码③
repeatcount：弹幕重复次数 ，填入数字多少弹幕就会出现几次。如果填入indefinite,表示弹幕无限循环。
所以，可以让有些弹幕最终不动（最终位置由y和x确定），也可以让某些弹幕无限循环。
修改repeatcount参数效果
是不是很炫酷呀
-
如果想更改弹幕的背景图，选用ID:90306的样式。
ID:90306
代码操作
image.png
URL后面的链接就是背景图片的链接，上传新的图片，把新的图片的链接替换就可以了。
替换后
image.png
如果大家有什么不清楚，欢迎大家留言。
四、懒人模式
如果你说太麻烦，不会代码，那么135编辑器也能让你偷懒。跟着图文走，3步到位。
切换到专业版
点击动画
设置参数
网友评论