vue3生成随机验证码图片插件

1、来源：

        由于identify插件中在网上大多是vue2或者是选项式API的风格，但我用的是Vue3的组合式API，所以为了方便在vue3中使用identify，将identify进行了一些修改，使得可以在vue3的setup中自由使用该子组件。

2、tcom.vue

<template>
    <div class="s-canvas">
      <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas>
    </div>
</template>
<script setup>
import { nextTick } from 'vue'

var identifyCode={
  type: String,
  default: '1234'
}
//props
const props = defineProps({
    identifyCode: {
        type: String,
        default: '1234'
      },
      fontSizeMin: {
        type: Number,
        default: 28
      },
      fontSizeMax: {
        type: Number,
        default: 40
      },
      backgroundColorMin: {
        type: Number,
        default: 180
      },
      backgroundColorMax: {
        type: Number,
        default: 240
      },
      colorMin: {
        type: Number,
        default: 50
      },