Reactで作る手書きコンポーネント - Qiita

コンポーネントは描画完了イベント(onUpdateCanvas)をコールバックする 呼び出し元で、画像のダウンロードや、タグへ画像のコピー(表示)をすることが可能 機能 手書きでお絵描きをするコンポーネントです。マウスドラッグ中に線を引きます。 propsで下記機能を利用できます 線の太さ、色を変更可能(lineHeigh, lineColor) コンポーネントのサイズを指定する(width, height) クリアプロパティ(clear: boolean)を変更すると領域をクリアします(親コンポーネントのから子コンポーネントの機能を呼び出す方法がこれしか思いつかなかった。functionコンポーネントでやり方あるんですかね？) 1本ごと線描画完了時に、onUpdateCanvas(canvas)をコールバックします。 ⇒ 引数canvasでDOM自体を引き渡すため、画像をダウンロードする