# aiv367-draw-gridpoint

**Repository Path**: magb/aiv367-draw-gridpoint

## Basic Information

- **Project Name**: aiv367-draw-gridpoint
- **Description**: 利用JS绘制背景平铺点
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-04-03
- **Last Updated**: 2023-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# aiv367-draw-gridpoint

#### 介绍
绘制网格背景点方法

#### 例子
[基本示例](http://aiv367.gitee.io/aiv367-draw-gridpoint/demo/index.html)

#### 安装
```
npm i aiv367-draw-gridpoint --save
```
#### 使用
html：
```html
<div id="container" style="width: 1000px; height: 500px; border: 1px solid black;"></div>
```

ES6 Module:
```js
import DrawGridPoint from 'aiv367-draw-gridpoint';

DrawGridPoing('#container', {
	gridWidth: 10,
	gridHeight: 10,
	pointSize: 1,
	pointColor: 'black'
});

```
#### 文档
```js

// 调用
DrawGridPoing(el, opts);

// 参数
el = String | HTMLElement
opts = {
	gridWidth: 10, //网格宽
	gridHeight: 10, //网格高
	pointSize: 1, //点尺寸
	pointColor: 'black' //点颜色
}

// 返回
base64背景图
```