【VUE canvas 电子签名】

最新推荐文章于 2024-07-23 10:04:48 发布

RanShakaLove

最新推荐文章于 2024-07-23 10:04:48 发布

阅读量548

点赞数

分类专栏： ranAdmin vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44795810/article/details/128850119

版权

VUE canvas 电子签名

<template>
    <div>
        <div>
            <a-button type="danger" @click.prevent="clearPanel">清空签名</a-button>
            <a-button type="success" @click="confirm">确认签名</a-button>
        </div>
        <a-divider />
        <a-row>
            <a-col :span="12">
                <canvas ref="canvas" tabindex="0" @mousedown="onMouseDown" width="500" height="500"
                    style="border:1px solid aqua"></canvas>
            </a-col>
            <a-col :span="12">
                <div style="border:1px solid red;width: 500px;height: 500px;"></