Image Selector JQ Plug-in
Misono Mika

이미지 선택영역 정보 (좌측 이미지 드래그)

시작점
(좌/상)
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 ends
default: 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 shown
default: 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
x1
y1
Coordinates of the top left corner of the initial selection area
x2
y2
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)
플러그인 문서 더보기

SYSTEM EXECUTION REPORT

Loading Time: Base Classes 0.00685 sec
Controller Execution Time 0.00000 sec
Total Execution Time 0.02571 sec
Memory Usage 1,287,784 bytes
Peak Memory Usage 1,339,944 bytes

DB QUERY REPORT

SEQ TIME QUERY
1 0.00046 sec SELECT database_name, table_name, alias_name FROM fs_0000_database_table WHERE state = 'Y'
2 0.00040 sec SELECT error_code, error_msg FROM smartwiz.fs_0005_error_code WHERE locale = 'korean'
3 0.00060 sec SELECT lang_group, lang_code, lang_line FROM smartwiz.fs_0008_languages WHERE locale = 'korean'
4 0.00081 sec SELECT group_code, code_key, code_name, code_alias, code_seq, code_param, state FROM smartwiz.fs_0002_comcode WHERE state != 'D' ORDER BY code_seq
5 0.00050 sec SELECT env_group, env_name, env_value, env_desc FROM smartwiz.fs_0010_environments WHERE state = 'Y' ORDER BY env_group, env_name
6 0.00036 sec SELECT uid as group_uid, group_name, group_alias, group_type, state FROM smartwiz.fs_1020_member_group WHERE state != 'D' ORDER BY uid ASC
7 0.00067 sec SELECT uid, lft, rgt FROM smartwiz.fs_10201_category_list WHERE state = 'Y' AND uid = 1
8 0.00050 sec SELECT uid, lft, rgt, depth, category_name, category_desc, uri FROM smartwiz.fs_10201_category_list WHERE lft >= '1' AND rgt <= '2' AND state = 'Y' ORDER BY lft ASC
9 0.00053 sec SELECT uid, category_name, category_desc, keywords, uri FROM smartwiz.fs_10201_category_list WHERE uri IN('/docs', '/docs/utilities', '/docs/utilities/image', '/docs/utilities/image/picker') ORDER BY LENGTH(uri) DESC LIMIT 1

CODE EXECUTE REPORT

SEQ TIME QUERY
No execute code query.

ENVIRONMENT VALUES

NAME VALUE
language
KEY VALUE
lang_load_type file
lang_pack_path language
base_language korean
accept_code
country_code
language korean
languages
korean
english
client
KEY VALUE
ip 3.147.77.76
browser Mozilla
version 5.0
platform Unknown Platform
string Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
host www
is_robot
is_mobile
is_referral
session_id ofu2pourcg3erbag9i1u9e2dr0bdv7p9
system_id 202410181539251306
plugin
KEY VALUE
js
/assets/lib/jquery-3.6.1/jquery-3.6.1.min.js
/assets/lib/jquery-cookie-1.4.1/src/jquery.cookie.js
/assets/lib/jquery-toast-1.3.2/dist/jquery.toast.min.js
/assets/lib/bootstrap-5.2.3/js/bootstrap.bundle.min.js
/assets/lib/bootstrap-select-1.14.0b/bootstrap-select.min.js
/assets/lib/bootstrap-datepicker-1.9.0/js/bootstrap-datepicker.js
/assets/lib/bootstrap-datepicker-1.9.0/locales/bootstrap-datepicker.ko.min.js
/assets/lib/chosen/chosen.jquery.js
/assets/lib/sweetalert2-11.1.4/dist/sweetalert2.min.js
/assets/lib/wow/dist/wow.js
/assets/lib/swiper/swiper-bundle.min.js
/assets/lib/auto-numeric/auto-numeric.min.js
/assets/lib/highlight/highlight.min.js
/assets/lib/highlight/highlightjs-line-numbers.min.js
/assets/lib/highlight/highlightjs-copy.min.js
css
/assets/lib/jquery-toast-1.3.2/dist/jquery.toast.min.css
/assets/lib/bootstrap-5.2.3/css/bootstrap.min.css
/assets/lib/bootstrap-select-1.14.0b/bootstrap-select.min.css
/assets/lib/bootstrap-datepicker-1.9.0/css/bootstrap-datepicker3.standalone.min.css
/assets/lib/bootstrap-datepicker-1.9.0/css/bootstrap-datepicker.css
/assets/lib/chosen/chosen.css
/assets/lib/sweetalert2-11.1.4/dist/sweetalert2.css
/assets/lib/sweetalert2-11.1.4/theme/bootstrap-4.css
/assets/lib/ashobiz/ashobiz.base.css
/assets/lib/animate-4.1.1/animate.min.css
/assets/lib/swiper/swiper-bundle.min.css
/assets/lib/fontawesome-6.5.2/css/fontawesome.css
/assets/lib/fontawesome-6.5.2/css/regular.css
/assets/lib/fontawesome-6.5.2/css/solid.css
/assets/lib/fontawesome-6.5.2/css/brands.css
/assets/lib/highlight/styles/a11y-dark.min.css
/assets/lib/highlight/highlightjs-copy.min.css
include
KEY VALUE
css
/assets/skins/www/css/fonts.css?1704902876
/assets/skins/www/css/common.css?1728460713
/assets/skins/www/css/responsive.css?1718355129
/assets/skins/www/css/style.css?1728459965
/assets/skins/www/css/extands.css?1726042178
js
/assets/skins/www/js/validate.js?1669290906
/assets/skins/public/js/common.js?1728464050
/assets/skins/www/js/extands.js?1719682273
seo
KEY VALUE
canonical
https://www.smartwiz.co.kr/docs/utilities/image/picker
page
KEY VALUE
meta
KEY VALUE
title SMART WIZARD
desc SMART WIZARD PLATFORM
author NEO CREATIVE INC.
keywords SMART WIZARD
profiler
KEY VALUE
0 execution_report
1 query_report
2 session
3 cookie
4 environment_values
5 link
6 user
7 debug
8 path

USER INFORMATION

NAME VALUE
user_uid 0
user_id GUEST
user_name GUEST
user_gid 1000
user_type GUEST

PATH

NAME VALUE
img /images/skins/basic
data /data
assets /assets
lib /assets/lib
skin /assets/skins/www
css /assets/skins/www/css
js /assets/skins/www/js
home https://www.smartwiz.co.kr
action /docs/utilities
directory docs
controller utilities
method image
index
query_string

SESSION

NAME VALUE
__ci_last_regenerate 1729233565

COOKIE

NAME VALUE
EMPTY

RESOURCE DATA