close-canvas-react

close canvas for react

install

npm install --save-dev close-canvas-react style-loader css-loader

webpack.config.js

// add loader
{
    test: /\.css$/,
    loader: "style-loader!css-loader"
}

import

import CloseCanvas from 'close-canvas-react'

use

<CloseCanvas
    show={this.state.closeShow}
    sideLength={20}
    forkSideLength={6}
    fillStyle={'#f2f2f2'}
    strokeStyle={'#666'}
    click={this.closeClick.bind(this)}/>

show: show, with state

sideLength: canvas side length

forkSideLength: inner fork side length

fillStyle: canvas fill style, like 'background color', optional, default is '#f2f2f2'

strokeStyle: inner fork style, like color, optional, default is '#666'

click: click handle

closeClick() {
    this.setState({
        closeShow: false
    }, () => alert('close click'))
}