このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 開発の準備を整えよう (03:00) 無料公開中
- 完成版の確認
- 必要となるツール
- 必要となる知識
- ひな形ファイルの作成
-
#02 Canvasの設定をしていこう (02:44) 無料公開中
- canvas要素の追加
- canvasの設定
-
#03 マウスの座標を取得しよう (02:46)
- mousedownイベント
- mousemoveイベント
-
#04 線を描画していこう (02:56)
- 線の描画
- mouseupイベント
- mouseleaveイベント
-
#05 線の色と幅を変えよう (02:56)
- セレクトボックス、ボタンの作成
- strokeStyle
- lineWidth
-
#06 画面を消去できるようにしよう (02:01)
- 消去機能の実装
- 動作確認
-
#07 描いた絵を画像に変換しよう (02:50)
- toDataURL()
-
#08 画像をダウンロードしよう (02:37)
- 画像のダウンロード
- download属性
2022年1月27日
