# ImgEditer

**Repository Path**: rzcgis/img-editer

## Basic Information

- **Project Name**: ImgEditer
- **Description**: 用来对图片进行文字标注进而在一张底图的情况下编辑生成不同的海报
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-07-27
- **Last Updated**: 2023-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ImgEditer

#### 介绍
- 基于jquery
- 用来对图片进行文字标注进而在一张底图的情况下编辑生成不同的海报

#### 使用
##### **引入css**
```html
    <link rel="stylesheet" href="./css/colpick.css" type="text/css" />
    <link rel="stylesheet" href="./css/r.css" type="text/css" />
```
##### **引入js**
```html
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/colpick.js"></script>
    <script src="./js/html2canvas.min.js"></script>
    <script src="./js/r.js"></script>
```
##### **调用初始化**

```javascript
        let imgs = [{
            path: "./imgs/1.jpg",
            alt: "图片1"
        }, {
            path: "./imgs/2.jpg",
            alt: "图片2"
        }, {
            path: "./imgs/3.jpg",
            alt: "图片3"
        }, {
            path: "./imgs/4.jpg",
            alt: "图片4"
        }, {
            path: "./imgs/5.jpg",
            alt: "图片5"
        }, ];

        DtLbt.init(imgs, {
            title: "海报制作",
            subTitle: "这里是海报制作的介绍内容"
        });
```
#### 外观
![外观](./demo.png)