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

이미지에디터(ImageEditor) v0.3


imageeditor3.png

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

v0.3 변경사항


  • 사각선택영역 기능이 추가되었습니다.

업데이트

  1. 사각선택영역기능 추가

    • 사각선택영역 단축키
      ctrl + 이동/크기조절 - 복사
      shift + 이동/크기조절 - 자취 남기기
      delete - 삭제

    • 불러오기시 자동으로 영역선택

  2. 지우개툴 추가
  3. 텍스트툴에서 사용자가 가진 폰트목록 출력
  4. 사각형 둥근모서리 상한값 상향조정
  5. 색채워진 도형 그리기 성능향상


버그해결

  1. 색채워진 도형 그리기 깨짐제거
  2. 텍스트툴 입력 했는데 입력안했다고나오는 버그해결 (가끔발생)

다운로드

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

기능 소개


그리기 도구 (Tools)

  • selection.png 사각선택영역

    사각형의 영역을 선택하여 이동, 크기조절, 복사할 수 있으며 자취를 남길 수 있습니다.

    ctrl + 이동/크기조절 - 복사
    shift + 이동/크기조절 - 자취 남기기
    delete - 삭제

  • 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. 다운로드


  2. 업로드

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

    ftp.png

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

  3. 그외

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

      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 관리자 페이지 - 기능성 모듈 - 위지윅 에디터에서 위/아래 화살표를 이용해 위치를 옮기실 수 있습니다.


체험해보기


사각영역 툴 추가하느라 시간이 약간 오래 걸렸네요..
너무 릴리즈가 늦어지는것 같아서 원래 계획했던만큼 업데이트를 못했습니다. 죄송합니다..

다음버젼엔 다국어 지원과 필터/효과기능 추가와 레이어 기능강화가 이루어질 예정입니다.
그리고 브러쉬툴과 올가미툴(라쏘툴), 템플릿기능 등은 그후에 추가할 예정에 있습니다.










이번엔 fix버젼에 없길 바래..
개발노트

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