# autograph

**Repository Path**: markje/autograph

## Basic Information

- **Project Name**: autograph
- **Description**: HTML5签名，javaScript兼容PC及移动端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-20
- **Last Updated**: 2021-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Canvas, HTML5, JavaScript, 签名

## README

# workdemo

#### 介绍
基于HTML5 Canvas签名功能JS

#### 软件架构
javascript 监听PC及移动端操作


#### 安装教程

1.  引用js

#### 使用说明

1. 在onload里调用函数，配置对应控件及参数
        window.onload=function(){
            new lineCanvas({
                //canvas对象
                el:document.getElementById("autograph"),
                //清除签名区域
                clear_Btn:document.getElementById("clearBtn"),
                //保存签名数据
                save_Btn:document.getElementById("saveBtn"),
                //设置签名粗细
                lineWidth:10,
                //设置字体颜色
                color:"black",
                //设置签名板颜色
                background:"#eee",
                //签名区域宽
                width:500,
                //签名区域高
                height:300,
                callback:function(data){
                    //返回base64位图片数据，可存储到数据库
                    // console.log(data);
                    var show = document.getElementById("showAutoGraph").setAttribute("src",data);
                }
            })
        }