# canvasを画像変換して添付ファイルに添付する方法

**URL:** <https://community.cybozu.dev/t/topic/6207>\
**Category:** kintone 開発相談\
**Created:** [2020 年 3 月 30 日午前 8:44 UTC](https://community.cybozu.dev/t/topic/6207 "2020-03-30T08:44:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1413](https://avatars.discourse-cdn.com/v4/letter/l/c4cdca/32.png) [@Legacy\_Account1413](https://community.cybozu.dev/u/Legacy_Account1413)\
**Post date:** [2020 年 3 月 30 日午前 8:44 UTC](https://community.cybozu.dev/t/topic/6207/1 "2020-03-30T08:44:20Z")

</div>

現在Canvas要素を表示させて、その中に手書きで書けるようにするとこまではできました。

&nbsp;

次に、そのデータを画像として添付ファイルに添付して、保存したら保存されるということをやってみたいのですが、、、

画像化→ファイル名をつけたとしたら添付ファイルに直接そのデータを添付させることはできるでしょうか？

ちなみに、データ作成（app.record.create.show)内で、手書き完了時には確定ボタンを用意していますので、確定ボタン.addEventListenerでイベントを発生させて、画像化→ファイル名作成→添付ファイルへ添付というのができるのか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2020 年 3 月 30 日午前 9:02 UTC](https://community.cybozu.dev/t/topic/6207/2 "2020-03-30T09:02:42Z")

</div>

Fetherion様

お世話になっております．  
トヨクモの江田と申します．

可能です．

保存成功後イベント（「app.record.create.submit.success」や「app.record.create.edit.success」）内で，kintone REST APIにより書き換えるのが良いと思います．  
下記などが参考になるかと思います．  
[https://developer.cybozu.io/hc/ja/community/posts/360022107131](https://developer.cybozu.io/hc/ja/community/posts/360022107131)

回りくどい方法ですが，「eventオブジェクトで実行できる操作」では，添付ファイルフィールドの値の書き換えはできないため，上述の方法がベストかと思います．  
[https://developer.cybozu.io/hc/ja/articles/201941984#step4](https://developer.cybozu.io/hc/ja/articles/201941984#step4)

ちなみに，canvas→画像は「HTMLCanvasElement.toBlob()」でできます．  
[https://developer.mozilla.org/ja/docs/Web/API/HTMLCanvasElement/toBlob](https://developer.mozilla.org/ja/docs/Web/API/HTMLCanvasElement/toBlob)