エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Canvasのimageをfileにして送信|はらだ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Canvasのimageをfileにして送信|はらだ
noteを始めてから13日連続で更新していたのですが、日付が変わってしまって連続更新が途絶えてしまって... noteを始めてから13日連続で更新していたのですが、日付が変わってしまって連続更新が途絶えてしまって残念です…笑 連続で更新すると、noteが「すばらしいです!」って投稿するときに褒めてくれるのに…。 さて、新機能についての説明です。 動画のスクショをcanvasに貼り付けて、線を描き込んだあと、それをコメントに載せてサーバーに送信します。 ここでやっていることは、 1. canvas.toDataURL()でbase64を得て、それをsrcにセットしたimgタグでサムネイルをコメントフォームに表示 2. そのbase64をもとにBlobを生成、コメント用のスクショとして取っておく(ほかのスクショがコメントに添付されない限りずっと保存) 3. コメントがサブミットされるタイミングで、撮っておいたコメント用のスクショBlobを、formdataのfileに追加する って感じですね。 1.