factchecker icon indicating copy to clipboard operation
factchecker copied to clipboard

画像保存ボタン

Open eggplants opened this issue 2 years ago • 3 comments

画像を保存するボタンがあると、嬉しいです。

eggplants avatar Oct 07 '22 01:10 eggplants

Safari以外は出来た気がするので、がんばります

SnO2WMaN avatar Oct 07 '22 02:10 SnO2WMaN

よさそうです→eligrey/FileSaver.js

Note: The standard HTML5 canvas.toBlob() method is not available in all browsers.

とありますが、今はほとんどの環境で対応してそうです。

https://caniuse.com/mdn-api_htmlcanvaselement_toblob

eggplants avatar Oct 07 '22 02:10 eggplants

react-konva単体でもSaveできそうですが、Refを使うところがきしょいです。

https://konvajs.org/docs/react/Canvas_Export.html

https://github.com/georgebutter/pixill/blob/aebac64235add5de664cf220c7de4da2fc05230e/src/index.tsx

eggplants avatar Oct 29 '22 06:10 eggplants