canvas可以屏蔽图片原地址嘛_Taro小程序canvas滑动图形验证码

基于taro小程序的滑动图形验证码，也可以改写为普通的小程序或者H5版的滑动图形验证码，

图片和生成拼图的位置可以从服务器请求获得，滑动后的坐标也可以传给服务器验证，当然如果想要更安全可以加入用户滑动轨迹分析以及用户花费时间.......，后面会不断向这方面优化。

github地址，github上有demo便于查看，感觉不错的请给个❤️，谢谢～

先上个图片：

1、进入项目目录安装依赖

npm insatll taro-canvas-code 或 yarn add taro-canvas-code

2、在代码中 import 并按照文档说明使用

import ImageCode from 'taro-canvas-code';

3、示例代码

<ImageCode
    imageUrl={url}
    onReload={this.onReload}
    onClose={this.onClose}
    onMath={this.onMath}
    top={'30%'}
/>

4、属性列表

注意：

• 小程序版本要求^2.3.1
• 目前要求图片尺寸325px*217px（建议图片尽量不要太花，不然不易区分滑块位置）