ペイント解説のUI画像を追加

Author: ics-ikeda

docs/index.md

@@ -138,4 +138,4 @@ CreateJS入門サイトでAnimate CCを扱うのには理由があります。An
 
 <article-author>[池田 泰延](https://twitter.com/clockmaker)</article-author>
 <article-date-published>2015-11-22</article-date-published>
-<article-date-modified>2016-07-03</article-date-modified>
+<article-date-modified>2016-10-18</article-date-modified>

docs/paint.md

@@ -168,6 +168,10 @@ function handleUp(event) {
 
 `input`タグで`type="color"`の種類を指定すると、カラーパレットを使えます。OSやブラウザの種類によって、カラーパレットのデザインが異なります。
 
+![](../imgs/paint_input.png)
+
+▲ 左上はWindows 10のChrome、中央はEdge、右側はmacOSのSafariのカラーパレット
+
 ### 色の値の取得
 
 お絵描きの線の色は`input`タグの`value`値を使います。`document.querySelector()`メソッドは、HTML要素を参照するメソッドですが、これを使って`input`タグの値を参照します。
@@ -202,6 +206,12 @@ document.querySelector("#buttonReset").addEventListener("click", function(){
 });
 ```
 
+
+![](../imgs/paint_confirm.png)
+
+▲ `confirm()`メソッドはダイアログを簡単に実装できる命令
+
+
 ### 保存ボタンの制御
 
 保存機能については、`canvas`タグの`toDataURL()`メソッドを使うことで画像をBase64文字列で取得することができます。Base64文字列を新しいウインドウで開くことで画像として表示することができるので、これを保存機能としましょう。