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

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


image_editor1.png
imageeditor2.png
(위 그림은 이미지에디터에서 그려졌습니다)

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

기능 소개


그리기 도구 (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)

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

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


설치 방법


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


체험해보기


오랜기간에 걸쳐 나름데로 심혈을 기울여 제작했습니다.
버그신고와 조언은 언제나 환영입니다.
댓글이나 쪽지 혹은 메일로 알려주시면 감사하겠습니다.

계획했던 기능을 다 넣진 못하고 첫버젼을 내보냅니다.
많이써주세요 @~


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