「お絵描きキャンバス」改 Ex

改善点は　次の通りです

アンドゥ 及び リドゥ　に対応しました
Undo, Redo　（安藤, 梨藤）

テストモードで 10 回 可能にしてあります

キャンバスの画面を　イメージエリアに独立して表示させることで
現在の画像の保存が　容易になりました
Image ボタン

イメージを表示させたら　右クリックで 「画像の保存」です


Canvas : 動作環境

HTML5 + CSS3 + JavaScript + 最新のブラウザ

つまり、最近のパソコンならそのまま動作します
ページを表示させたあとは　オフライン

――インターネットにつながっていなくても――

一端ページを閉じてしまわない限りは　動作可能です

Windows8.1 タッチパネル搭載機 + Firefox

での　動作確認事項

「オフ・モード」のときに一度　指でクリックしてから

――　「オフ・モード」で　一度クリック動作を指で行う　――

―― 「オン・モード」になります ――

いったん指を離した後で　そのまますかさず
もう一度指で触れて　画面を指でなぞります

――　ダブルクリックの　二回目を　ドラッグする感じで　――

指で　自由にラインを描くことができます

線の色と太さは設定ボタンが小さいので　マウスでどうぞよろしく


Image 画面を表示させた場合に

―― この　ダブルクリックの 二回目を　ドラッグする感じで ――

 その位置を　指で動かすことができます

もちろん　マウスでは　普通にドラッグして　イメージ画像の位置が変えられます

「お絵描きキャンバス」改 Ex

http://theendoftakechan.web.fc2.com/JavaScript/mousemoveKaiEx.html



もう少し　スクリプトの整理ができたら　要望があればですが
ソースコードは公開可能です

前回のバージョン

「お絵描きキャンバス」改

今回こっちのページは、全コードを一つのページに入れ直したため、

――つまり　右クリック　⇒　ソースの表示で――

そちらのサンプルコードは、全部確認可能になっています。