uniAPP 小程序 签名组件

该插件是横屏签名插件， 修改后的插件已经的可以拿来就是用的状态，增加了显示功能，先上效果图

下面介绍代码：1.首先是插件本身，建议复制代码到common中使用。

<template>
    <!-- 
        签名组件
        LYH
        横屏组件
     -->
    <view class="signa">
        <view class="btn">
            <view class="cancel-btn" @click="clear">
                <span class="iconfont" style="margin-right: 10px;">&#xe634;</span>
                重写
            </view>
            
            <view class="save-btn" @click="save">
                <span class="iconfont" style="margin-right: 10px;">&#xe6ef;</span>
                保存
            </view>
            
            <view class="cancel-bth" @click="colse">
                <span class="iconfont" style="margin-right: 10px;">&#xe6c8;</span>
                关闭
            </view>
        </view>
        <canvas class="canvas" disable-scroll="true" :style="{'width':width,'height':height}" canvas-id="designature" @touchstart="starts"
        @touchmove="moves" @touchend="end"></canvas>
    </view>
</template>

<script>
    export default {
        components: {},
        data() {
            return {
                dom: null,
                line: [],
                radius: 0,
                width: '0px',
                height: '0px',
            }
        },
        onLoad() {
            
        },
        computed:{
            
        },
        created() {
            uni.getSystemInfo({
                success: (res) => {
                    this.width = res.windowWidth - 60 + 'px';
                    this.height = res.windowHeight - 15 + 'px';
                }
            });
            this.dom = uni.createCanvasContext('designature',this);
            
        },
        onShow(){
            
        },
        methods: {
            end(e) {
                
            },
            distance(a, b) {
                let x = b.x - a.x;
                let y = b.y - a.y;
                return Math.sqrt(x * x + y * y)