jQuery

スポンサーリンク
HTML5

HTML5のCanvasで画像を加工するツールを作成する3

前回の続きです。 リサイズ機能を追加しました。 画像エディタ その他、カラーフィルタ機能のチェックボックスにはdhtmlxformを使用していましたが、他の機能と同様にネイティブなHTMLに変更しました。 以下は課題、メモ クリッピング機能を追加 数値指定のリサイズ機能を追加 追加済 アスペクト比を保持しない場合の処理はfabricjsの...
HTML5

HTML5のCanvasで画像を加工するツールを作成する2

前回の続きです。 出来上がってる機能だけをまとめ上げたものを公開してみました。 画像エディタ 注意点としてIE11やEdgeだと画像が読み込めません。デバッグもツールがうまく動いていないのかよくわからない状態です(^q^ FireFoxとChromeではおおよそ使えるようになっています。 以前問題点に挙げてた背景に表示するグリッドが重い件はグループ化することで軽くなりました。 ...
jQuery

input:hiddenとinput[type=’hidden’]では取れる要素が違うことがある

ボタンをクリックしたときにフォームに含まれるinput要素の値を繋げたgetパラメータを取得し、ajax通信するという改修を行ったときのこと。 アコーディオンメニューで隠れた状態のチェックボックスの要素が2重に取得されてしまうという現象が発生しました。 調べてみたところinput:hiddenとinputで取得できる要素は必ずしも一致しているわけではないことを知ったのでメモしました。 ...
JavaScript

GoogleMapの表示、マーカーの設置、緯度・経度の取得の備忘録

GoogleMapの表示、マーカーの設置、緯度・経度の取得の備忘録です。 デモではオプションのON,OFFの状態を切り替えるのにチェックボックスの表示を置き換えてくれる以下のプラグインを使用しました。 GitHub - nostalgiaz/bootstrap-switch: Turn checkboxes and radio buttons in toggle switche...
JavaScript

クライアントサイドでzipファイルを生成して、ダウンロードする

JSZipというクライアントサイドでzipファイルを作成するプラグインと、作成したファイルのダウンロードを行うFileSaverというプラグインの動作検証を行いました。 その他、作成の過程でサムネイル画像を選択するのにimage-pickerというjQueryプラグインを使用しました。 GitHub - Stuk/jszip: Create, read and edit .zip fi...
スポンサーリンク
タイトルとURLをコピーしました