画像のトリミング : JavaScript

Pocket

画像をドラッグアンドドロップでキャンバスに描画しトリミングするサンプル。

» Demo
» Download

トリミングのメモ

  1. 選択範囲表示
    選択範囲をdiv要素で作成。

    • jQuery UI draggable
    • jQuery UI resizable
  2. 選択範囲用のdiv要素の位置・サイズ取得
  3. 取得した範囲の画像データを取得・表示

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。