Hammer.JSでオプション調整をスワイプ・ピンチ・ローテートで行えるように変更
スマホ重視のUIを考えると、やはりゲージ操作でなくてcanvas上をスワイプ・ピンチ・ローテートして編集できた方が、直感的で良いのかなと思い変更してみました。
「Javascript」一覧
toDataURLの際にjpegと比較して軽い方を選ぶように
toDataURL()はpngの対応が必須実装なので、canvasが使えるブラウザは必ずpng出力が出来ます。 ですが、jpeg対応しているブラウザも多く、特に大きなアイコン画像などを扱うiconDecotterでは 実際のところjpegの方がだいたいは軽いので、今まではpngしか扱っていなかったのをjpeg対応するようにしました。
input range属性の値を取得するときのイベント
こうした時は、onInputを使います。 このイベントだと、ドラッグ中リアルタイムにイベント発生し、値が渡って行きます。
プライベートブラウズ中はlocalStrage/sessionStrageが利用できない問題を修正
Webアプリで便利なlocalStrage/sessionStrageですが、最近色々なブラウザに搭載されているプライベートブラウズでは、これらの利用がブロックされています。
canvas.getImageData・putImageDataを利用したレイヤー効果
canvasに画像を貼り付ける際に、様々な画像加工エフェクトを付けられたら幅が広がるのでは、と思って少し調べた所、こちらのスクリプトで同様のことがされておりましたので、参考にさせて頂きました。
スポンサーリンク