Vue 图形验证码实现 详解

其实绘制图形二维码就是使用 进行图形绘制

canvas 绘制图形

1.获取元素dom 访问绘图上下文

var canvas = document.getElementById('tutorial'); //获取dom
var ctx = canvas.getContext('2d'); //访问绘图上下文

2.第二步就是绘制相应内容了，下面是vue 绘制验证码图形

如图：[在这里插入图片描述](https://img-blog.csdnimg.cn/2019071512072254.png

1.父组件login.vue

2. 创建验证码组件