项目中使用

• 进入目录安装依赖，国内用户推荐使用 cnpm 进行加速

npm install taro-canvas-code --save

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

import ImageCode from 'taro-canvas-code';

示例代码

<!--WXML示例代码-->
<ImageCode
          imageUrl={url}
          onReload={this.onReload}
          onClose={this.onClose}
          onMath={this.onMath}
          top={'30%'}
          x={x}
          errNumber={5}
        />

更多使用方式请移步仓库地址查看 demo 和使用方式.

属性列表

| 属性 | 类型 | 默认值 | 必填 | 说明 | | ----------------- | ------------ | ---------- | ---- | --------- | | imageUrl | string | | 是 | 背景图片的路径宽325px,高217px | | top | string | background | 否 | 组件距离顶部高度 | | onReload | function | | 否 | 重新渲染时触发的函数 | | onMath | function | | 否 | 验证成功后触发的函数 | | onClose | function | | 否 | 点击右上角关闭按钮触发的函数 |