# JBarrager

**Repository Path**: liao2015/JBarrager

## Basic Information

- **Project Name**: JBarrager
- **Description**: HTML5 canvas 80行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在pc，手机，电视浏览器通过测试，通过jquery插件方式导入
- **Primary Language**: JavaScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: http://www.rainx.org/2016/12/22/html5-canvas%E5%AE%9E%E7%8E%B0%E9%AB%98%E5%B9%B6%E5%8F%91%E8%A7%86%E9%A2%91%E5%BC%B9%E5%B9%95%E5%8A%9F%E8%83%BD/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2017-10-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

项目地址：http://www.rainx.org/2016/12/22/html5-canvas%E5%AE%9E%E7%8E%B0%E9%AB%98%E5%B9%B6%E5%8F%91%E8%A7%86%E9%A2%91%E5%BC%B9%E5%B9%95%E5%8A%9F%E8%83%BD/

调用方式：
html部分代码：

<canvas style="width: 1280px;height: 720px;background-color: rgba(0,0,0,0.2)">你的浏览器不支持canvas</canvas>
发送弹幕：

$('canvas').barrager([{"msg":"这是我发的。。。哈哈哈"}]);
多条发送方式：

$('canvas').barrager([{"msg":"看着不错。。。。"},{"msg":"哈哈哈。。。。"},{"msg":"不错不错。。"},{"msg":"真好看。。。。"}]);
清除/关闭弹幕：

$('canvas').barrager("clear");
在实际应用，可以通过ajax方式轮询异步获取数据，通过上述语句发送弹幕
如果这个插件帮到了你，希望能给我一个star