Image Selector JQ Plug-in
이미지 선택영역 정보 (좌측 이미지 드래그)
| 시작점 (좌/상) |
X 좌표 | |
|---|---|---|
| Y 좌표 | ||
| 종료점 (우/하) |
X 좌표 | |
| Y 좌표 |
||
| 영역값 | Width | |
| Height | ||
| Ratio |
w
h
|
* 실제 선택된 영역값(너비/높이)은 종료좌표와 1px 차이 있음
플러그인 옵션 리스트 View More
| Option | Description |
|---|---|
aspectRatio |
A string of the form "width:height" which represents
the aspect ratio to maintain example: "4:3"
|
autoHide |
If set to true, selection area will disappear
when selection endsdefault: false
|
classPrefix
|
A string that is prepended to class names assigned to plugin
elements (see below for details) default: "imgareaselect"
|
disable |
If set to true, the plugin is disabled (the
selection area remains visible, unless hide is also
present)
|
enable |
If set to true, the plugin is re-enabled
|
fadeDuration
|
If set to a number greater than zero, showing or hiding the plugin is
done with a graceful fade in/fade out animation default: false
|
handles |
If set to true, resize handles are shown on the
selection area; if set to "corners", only corner
handles are showndefault: false
|
hide |
If set to true, selection area is hidden
|
imageHeight |
True height of the image (if scaled with the CSS width
and height properties)
|
imageWidth |
True width of the image (if scaled with the CSS width
and height properties)
|
instance |
If set to true, the imgAreaSelect()
call returns a reference to an instance of imgAreaSelect bound to the
image, allowing you to use its API methods (see
below)
|
keys |
Enables/disables keyboard support (see below
for details) default: false
|
maxHeight |
Maximum selection height (in pixels) |
maxWidth |
Maximum selection width (in pixels) |
minHeight |
Minimum selection height (in pixels) |
minWidth |
Minimum selection width (in pixels) |
movable |
Determines whether the selection area should be movable default: true
|
parent
|
A jQuery object or selector string that specifies the parent element that
the plugin will be appended to default: "body"
|
persistent |
If set to true, clicking outside the selection area
will not start a new selection (ie. the user will only be able to
move/resize the existing selection area)default: false
|
remove |
If set to true, the plugin is completely removed
|
resizable |
Determines whether the selection area should be resizable default: true
|
resizeMargin |
Width (in pixels) of the selection area margin where resize mode is triggered |
show |
If set to true, selection area is shown
|
x1y1 |
Coordinates of the top left corner of the initial selection area |
x2y2 |
Coordinates of the bottom right corner of the initial selection area |
zIndex |
The z-index value to be assigned to plugin elements; normally, imgAreaSelect figures it out automatically, but there are a few cases when it's necessary to set it explicitly |
onInit |
Callback function called when the plugin is initialized (see below) |
onSelectStart |
Callback function called when selection starts (see below) |
onSelectChange |
Callback function called when selection changes (see below) |
onSelectEnd |
Callback function called when selection ends (see below) |