弹幕

弹幕是文字组件中的一种，以多条弹幕弹幕同时显示在屏幕中的形式来展示文字数据，可设置弹幕样式来丰富弹幕。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

最大弹幕数：弹幕组件最多显示的弹幕数量，若超过取后面的。

弹幕行数：同一时间内显示的弹幕总行数。

时间间隔：两条相邻弹幕出现的时间间隔。

弹幕速度：弹幕播放速度，从1-10依次加快速度。

自动循环：开启后自动循环播放数据。

支持悬停：开启后当鼠标移动到组件框内，数据会悬停显示。

弹幕样式：

• 字号：弹幕统一的字号；
• 弹幕文本：默认为3种弹幕样式，当增加一个样式后，弹幕播放时会自动随机选择一个样式进行播放。可设置文本字体、颜色、字体粗细、字间距；
• 阴影：可以设置组件的阴影效果，包括颜色、偏移、和模糊。

  数据

  弹幕组件支持数据动态追加，刷新后的数据将续在原有的显示中的弹幕数据后，不会直接覆盖。

  组件数据格式

静态数据-JSON数据案例

[
    {
        "text": "乐创者"
    }
]

交互

支持配置鼠标点击事件
当点击弹幕时，触发交互事件：设置大屏变量、打开超链接、设置可见、移动、设置JS事件、设置面板状态。