ロゴ
HOME > jQuery・Javascript > jQueryチャットのおえかき版を作ってみました

jQueryチャットのおえかき版を作ってみました

2015年01月24日

screenshotshare_20150124_212951

こちらの記事で書いているjQueryチャットSQLite版におえかき機能を付けてみました。

サンプル

先におえかきのみを作ってましたので、これを組み込むのは割と簡単だったのですが、キャンバスが微妙ですねぇ・・・<canvas>自体は可変にしてあるのですが、スマフォの縦持ち横持ちまで対応させると座標変わってボードがクリアされてしまうため、固定サイズにしています。

旧版との違いはアイコンの多段スライドをやめた事とログのカラー変更を廃止、その代わり名前カラーをWEBセーフカラーに、コマンド「テーマ」を廃止してオプションでルームごとに背景色を変更出来るようになどです。

HTMLを直で書いてるので、これをjQueryから差し込むようにしたりおえかきパレットアイコンのアクティブなものを視認させるようにするなど、もう少し手を入れたら配布しようかと思います。