vue3实现横屏签字

最新推荐文章于 2025-02-25 11:36:59 发布

Fwxps

最新推荐文章于 2025-02-25 11:36:59 发布

阅读量1k

点赞数 10

本文链接：https://blog.youkuaiyun.com/Fwxps/article/details/135844388

版权

<template>
  <div id="app">
    <div style="background: #fff">
      <vue-signature-pad
        id="signature"
        width="95%"
        height="400px"
        ref="signaturePad"
        :options="options"
      />
    </div>
    <div v-for="(item, index) in imgList" :key="index">
      <img :src="item.src" alt="" width="100" />
    </div>
    <button @click="save">保存</button>
    <button @click="resume">重置</button>
  </div>
</template>

<script setup>
import { ref } from 'vue';

    const options=ref( {
        penColor: '#000',
      },)
      const signaturePad=ref(null)
      // const tu=ref(null)
      const imgList=ref([])
      const fileList=