Web Hammer.JSでオプション調整をスワイプ・ピンチ・ローテートで行えるように変更
スマホ重視のUIを考えると、やはりゲージ操作でなくてcanvas上をスワイプ・ピンチ・ローテートして編集できた方が、直感的で良いのかなと思い変更してみました。 タッチイベントハンドラのライブラリ Hammer.JS - Hammer.js ...
Javascript
Web Memo toDataURLの際にjpegと比較して軽い方を選ぶように
canvasから画像スキームデータを抽出する際のtoDataURL()メソッドですが、 そのままだとpng画像になります。 toDataURL()はpngの対応が必須実装なので、canvasが使えるブラウザは必ずpng出力が出来ます。 です...
Web input range属性の値を取得するときのイベント
何かと便利なinput type="range"ですが、 スライダー動作をさせた時の値の取得をする時、何のイベントハンドラが最適でしょうか。 大体のinputの取得はonChangeとかonKeyUp/Downとかそういうのだと思いますが、...
Web プライベートブラウズ中はlocalStrage/sessionStrageが利用できない問題を修正
Webアプリで便利なlocalStrage/sessionStrageですが、最近色々なブラウザに搭載されているプライベートブラウズでは、これらの利用がブロックされています。 getItemでもsetItemでも、使おうとするとエラー（QU...
Web canvas.getImageData・putImageDataを利用したレイヤー効果
canvasに画像を貼り付ける際に、様々な画像加工エフェクトを付けられたら幅が広がるのでは、と思って少し調べた所、こちらのスクリプトで同様のことがされておりましたので、参考にさせて頂きました。 フォトレタッチやドローイングツールのレイヤー効...