# watermark-ts-js

**Repository Path**: ArtfulCoder/watermark-ts-js

## Basic Information

- **Project Name**: watermark-ts-js
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-02-07
- **Last Updated**: 2022-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### web端生成简单图片添加水印
* 1 第一步引入example/lib/watermark.js文件  
```javascript
    <script src="./lib/watermark.js"></script>
```
* 2 初始化  
```javascript
        <script>
        window.onload = function () {
            var btn = document.getElementById("btn")
            let watermark = new Watermark({
                bgImg: "https://img2.baidu.com/it/u=744355113,4251900638&fm=253&fmt=auto&app=138&f=JPG?w=980&h=408",
                text: "مەن سىزنى سۆيىمەن",
                fontSize: 12,
                fontColor: "rgba(0,0,0,.2)",
                // fontFamily:"ALKATIP Basma Tom",
                saveCallback: function (res) {
                    console.log(res);
                }
            })
            btn.onclick = function () {
                watermark.saveImage()
            }
        }

    </script>
```