signature_pad实现支持手机端的手写签名的画板效果代码

代码语言:html

所属分类:其他

代码描述:signature_pad实现支持手机端手写签名的画板效果代码,可设置背景色和字体颜色,支持导出图片。

代码标签: signature_pad 手写 签名

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        *,
    *::before,
    *::after {
      box-sizing: border-box;
    }
    
    body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100vh;
      width: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      margin: 0;
      padding: 32px 16px;
      background: #b3b3b3;
      font-family: Helvetica, Sans-Serif;
    }
    
    .signature-pad {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 10px;
      width: 100%;
      height: 100%;
      max-width: 700px;
      max-height: 460px;
      border: 1px solid #e8e8e8;
      backgro.........完整代码请登录后点击上方下载按钮下载查看

网友评论0