새로운 버젼이 나왔습니다.

이미지에디터(ImageEditor) v0.2 fix1


imageeditorzoom.png

이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다.

v0.2 변경사항


두번째로 배포하는 버젼입니다.
  • 확대/축소 기능과 픽셀툴이 추가되어 더욱 세밀한 드로잉이 가능합니다.
  • 불러오기문제가 완전히 해결되었습니다.

업데이트

  1. 직사각형 그리기에서 둥근 edge 값 설정가능
  2. 단축키(되돌리기,다시하기) - ctrl+z, ctrl+y 추가
  3. UI 툴 이미지 퀼리티 개선
  4. 확대/축소
  5. 픽셀툴 추가


버그해결

  1. 텍스트툴 창위치 초기화되는 현상
  2. 아무것도 안해도 클릭했을때 히스토리(되돌리기/다시하기)에 추가되는버그
  3. 이미지 크기가 560/400 을 넘었을때 오히려 공간이 줄어드는 버그
  4. 다른도메인 이미지 불러오기

다운로드

swf파일 외에도 php파일 추가와 js파일등의 수정이 있었기때문에 swf파일만 바꾸시면 안됩니다.

Fix1 :: 파일 불러오기 버그수정, IE6 오류수정

기능 소개


그리기 도구 (Tools)

  • pencil.png 연필

    연필 툴로는 자유로운 드로잉이 가능합니다.

  • line.png 선

    선 툴을 이용해 선을 그릴 수 있습니다.

  • rectangle.png 사각형

    사각형을 그릴 수 있습니다.

  • circle.png 원

    원을 그릴 수 있습니다.
    마우스 클릭지점이 원의 중심이 됩니다.

  • ellipse.png 타원

    타원을 그릴 수 있습니다.

  • text.png 글

    textbox.png

    이와 같이 글을 넣을 수 있습니다.

  • fill.png 채우기

    윈도우 그림판의 페인트통 기능과 같이 플러드필을 할 수 있습니다.

layer.png 레이어 (Layer)

layerbox.png

기초적인 레이어기능 이용이 가능합니다.

undoredo.png 되돌리기/다시하기 (Undo/Redo)

되돌리기/다시하기 기능을 지원합니다.

아직 단축키(예정)는 지원되지 않습니다.

속성 설정

propertiesbox.png
확대/축소기능과 굵기, 색, 불투명도, 픽셀보정(안티얼라이싱), 모서리 형태 설정을 할 수 있습니다.


설치 방법


  1. 다운로드


    • 업로드

      제로보드가 설치된 웹 계정에 올립니다.

      ftp.png

      웹 계정의 (zbxe경로)/modules/editor/components/ 폴더 내에 위와 같이 업로드합니다.

    • 그외

      • 컴포넌트 버튼이미지 고르기

        icon1.gif  icon2.gif  icon3.gif
        (좌측부터 각각 icon1.gif, icon2.gif, icon3.gif)

        기본3개와 각각의 psd파일이 준비되어 있습니다.
        이중 마음에 드는 이미지파일을 icon.gif로 이름변경 하신 후 올리시거나
        직접 psd파일을 수정하여 만들어 쓰실 수 있습니다.

        기본으로 icon1.gif 가 icon.gif 로 되어있습니다.

        icon_bg.gif

         (icon_bg.gif)
         버튼 배경도 준비해놓았습니다.

      • 버튼위치이동

        updown.png

        제로보드XE 관리자 페이지 - 기능성 모듈 - 위지윅 에디터에서 위/아래 화살표를 이용해 위치를 옮기실 수 있습니다.


    체험해보기


    사각선택영역 기능은 버젼0.3으로 미루었습니다. (;;
    v0.3때 사각선택영역 추가,
    v0.4나 그 이후에 템플릿기능을 추가할예정입니다.

    용량면에서 약간 무거워진 감이 있지만 그릴때의 성능(속도)은 변화가 없습니다.

    개발노트

    fix1
    파일 불러오기 버그, IE6 오류 수정하였습니다.
    대신 IE6오류때문에 object -> 다시 embed태그로 임시롤백한 상태입니다.



    이 게시물을..
    profile
    댣로그 [http://eielog.kr]