scratch-card-react
v1.0.0
Published
scratch-card-react
Downloads
86
Readme
ScratchCard 刮刮卡（React 版）
使用
$ npm install scratch-card-react
# or
$ yarn add scratch-card-react
# or
$ pnpm install scratch-card-react属性
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| classNames | 语义结构化的 className | { root?:string, mask?:string, body?:string } | - |
| children | 刮开蒙层显示的底部元素 | ReactNode | - |
| coverColor | 刮刮卡蒙版的颜色 | string | #ddd |
| coverImg | 刮刮卡蒙版的图片 | string \| Promise<any> | - |
| callbackInfo | 刮开一定比例触发的回调信息 | { callback:()=>void,radio:number } | - |
| width | 刮刮卡宽度 | number | 240 |
| height | 刮刮卡高度 | number | 120 |
Ref
| 属性 | 说明 | 类型 |
| --------------- | ----------- | ------------------- |
| canvasContainer | canvas 节点 | HTMLCanvasElement |
| initDone | 初始化完成 | boolean |
| clearCard | 清除蒙版 | ()=>void |
开发
# install dependencies
$ pnpm install
# dev
$ pnpm dev
# push package
$ pnpm publishLICENSE
MIT