Image Cropper 적용 가이드
- WYSIWYG 에디터에서 이미지의 사이즈를 조절하거나 이미지를 자를때 사용되는 콤포넌트 입니다.
- XHTML 1.0 Transitional, UTF-8 형식으로 작성되어 있습니다.
- HTML 4.01 Transitional 으로 변환하려면 엘리먼트의 닫기 규칙만 변환합니다. Quirks Mode로 변환하려면 엘리먼트의 닫기 규칙 변환과 함께 CSS 디버깅이 필요합니다.
- 조절점이 이미지의 경계에 머무를 때 가리지 않도록 하려면 img_cropper 클래스가 부여된 엘리먼트에 overflow:hidden 속성을 부여하지 않습니다.
- 표준모드 DTD에서 높이 100%를 다르게 인식하는 IE6 때문에 img_cropper 클래스가 부여된 엘리먼트의 높이값은 background 클래스가 부여된 img 엘리먼트의 높이 값과 동적으로 일치시켜야 합니다. 이 때 단위는 px 이어야 합니다.
- mask 클래스가 부여된 엘리먼트는 background 클래스가 부여된 이미지의 전체 영역을 어둡게 만듭니다.
- crop_object 클래스가 부여된 엘리먼트는 어둡지 않은 엘리먼트를 표현하기 위하여 background 클래스가 부여된 이미지를 배경으로 담고 있으며 하나의 이미지 처럼 보이도록 하기 위하여 배경이미지의 위치값을 동적으로 변경해 주어야 합니다. crop_object 클래스가 부여된 엘리먼트가 움직일 때 배경이미지의 위치값도 실시간으로 변해야 합니다.
Image Cropper 목록
Comments