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