npm 包 burlesk 使用教程

阅读时长 4 分钟读完

什么是 burlesk?

burlesk 是一个弹幕库,适用于前端和 Node.js 环境。

如何使用 burlesk?

安装

在命令行中使用 npm 安装 burlesk:

引入

在代码中引入 burlesk:

或者:

创建实例

创建一个 burlesk 的实例:

在以上代码中,container 参数是弹幕的容器,widthheight 是容器的大小。

添加弹幕

添加一条弹幕:

在以上代码中,content 是弹幕的内容,color 是弹幕的颜色,fontSize 是弹幕的字体大小,duration 是弹幕在屏幕上显示的时间(单位毫秒),speed 是弹幕移动的速度(单位像素/秒)。

暂停和继续

暂停和继续弹幕:

停止

停止弹幕:

销毁

销毁 burlesk 实例:

示例代码

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ----- --------------- ---------------------------- -------------------
  -------------- ---------------
  -------
    ---------------- -
      --------- ---------
      ------ ------
      ------- ------
      ----------------- -----
    -
    ------ -
      --------- ---------
      ------------ -------
      ------------ -----
    -
  --------
-------
------
  ---- ---------------------------
  ------- ------------------------------------------------------------------------
  --------
    ----- --------- - -------------------------------------------
    ----- ------- - --- ---------
      ----------
      ------ ----
      ------- ----
    ---
    ----- ------ - -------- ------- ------- ------- --------
    -------------- -- -
      ------------------
        -------- ------- ----------
        ------ ------------------------------- - ----------------
        --------- ---
        --------- -----
        ------ -- - ------------- - ---
        ---- ------------- - ----------------------- - ----
      ---
    -- ------
  ---------
-------
-------

参考资料

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600557f381e8991b448d50b9

纠错
反馈