У кого-нибудь есть хороший учебник по реакции на подпись холста

Question

Я могу создать холст для подписи просто отлично с:

<SignatureCanvas penColor='black' canvasProps={{ width: 500, height: 200, className: 'sigCanvas'}} />

Это прямая копия из npm.Но я не знаю, как это сохранить.И документация для него мне действительно непонятна.Если у кого-то есть опыт с этим, как вы достигли этого с реакцией?

Answer 1

Я решил это.

для раздела html:

<SignatureCanvas penColor='black' canvasProps={{ width: 546, height: 200, className: 'sig-canvas' }} ref={(ref) => { this.sigPad = ref }} />

и в компоненте для реакции:

    sigPad = {}

    clearSig = () => {
        this.sigPad.clear();
        console.log('on click:', this.state.trimmedDataURL);
    }

    trim = () => {
        this.setState({ trimmedDataURL: this.sigPad.getTrimmedCanvas().toDataURL('image/png') })

    }

Который был по большей части непосредственно из их документов. Потребовалось некоторое время, чтобы понять, мне это было непонятно.