서브메뉴

[수정2]이미지에디터(ImageEditor) v0.6

이미지에디터

소개

brief_image.png
이미지에디터는 포스팅시 웹상에서 바로 그림을 새로 그리거나 그림을 불러와 편집할 수 있는 이미지 편집용 플러그인입니다.
연필, 브러시, 픽셀편집, 지우개, 선, 직사각형, 원, 타원, 채우기, 텍스트 넣기 등의 툴들을 제공하며, 사각영역선택/편집, 레이어기능과 약간의 필터/효과기능도 제공됩니다.
한글뿐만 아니라 영어, 중국어, 일본어도 지원됩니다.

v0.6 변경사항

다운로드

2008.5.20 1. 수정
2008.5.20 2. inureyes님이 수정해주신 수정본으로 배포합니다.
2008.5.22 다시수정(로드부분)
ImageEditor_0.6_modified02.zip

업데이트

  1. 이미지에디터 텍스트큐브용 개발
  2. 확대/축소 배율을 직접 입력할 수 있음 (0.1배~8배 가능)
  3. 브러쉬 품질 개선
  4. 사각선택영역 안의 화면이 선명해짐
  5. 텍스트툴 창에서 자동 줄바꿈 기능 추가

버그해결

  1. 파일명이 한글인 파일 불러오기 문제
  2. 텍스트툴 버그 해결
  3. 그림 너비 또는 높이가 100이하일때 스크롤바가 생기던 문제
  4. 지우개 크기 버그
  5. 이미지 로드시 선택툴로 바뀌지 않던 문제
  6. "찾아보기" 버튼 한글로만 나오던 문제
  7. 불러오기창 확인버튼 위치수정

기능 소개

파일 도구 (Files)

  • 새로운 그림

    new.png

    그림의 폭, 높이와 초기 배경색을 지정할 수 있습니다.

  • 불러오기

    loadbox.png

    내 컴퓨터의 파일을 업로드하거나 웹상의 파일을 불러올 수 있습니다.

그리기 도구 (Tools)

  • selection.png 사각선택영역

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

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

  • pencil.png 연필

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

  • brush.png 브러시

    브러시 툴로 유연한 드로잉을 할 수 있습니다.
    픽셀보정기능 유무설정이 적용되지 않습니다.

  • pixel.png 픽셀툴

    한 픽셀(pixel)씩 편집이 가능합니다.
    확대후 도트작업시 유용합니다.

  • eraser.png 지우개

    사각형 형태로 지울 수 있습니다.

  • line.png 선

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

  • rectangle.png 사각형

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

  • circle.png 원

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

  • ellipse.png 타원

    타원을 그릴 수 있습니다.

  • text.png 글

    textbox.png

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

  • fill.png 채우기

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

layer.png 레이어 (Layer)

layerbox.png

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

filter.png 필터 (Filter)

filterbox.png

여러 필터들을 적용할 수 있습니다.

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

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

단축키는 각각 crtl+z, ctrl+y입니다.

속성 설정

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

설치 방법

  1. 다운로드

    ImageEditor_0.6_modified02.zip

  2. 업로드

    텍스트큐브가 설치된 웹 계정에 올립니다.
    K-20080519-615849.png
    웹 계정서버의 (텍스트큐브 경로)/plugins/ 폴더 내에 위와 같이 업로드합니다.

  3. 활성화

    텍스트큐브 플러그인 관리 페이지에서 이미지에디터 플러그인을 활성화하시면 글쓰기 창 아래에 이미지에디터 버튼이 추가됩니다.

기타

springnote

이미지에디터 개발노트
이미지에디터 다국어 번역페이지

zbXE에디터 컴포넌트로만 제작되던 이미지에디터가 이제 텍스트큐브도 지원합니다.

다양한 환경에서 확인해보지 않았기때문에 어떤 부분에 오작동이 발생할 수 있습니다.

Writer profile
author image
[댣로그 http://eielog.kr ]
2008/05/19 17:53 2008/05/19 17:53
Rated 5/5 (100%) (8 Votes)
트랙백은 하나   16개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://textcube.org/plugin/rss/response/622
이 글의 관련글(트랙백) 주소 : http://textcube.org/plugin/trackback/622
  • Tracked from : Forest : Behind everywhere 2008/05/20 02:25 DELETE
    Subject : 이미지에디터 테스트

    댣군 님의 이미지 에디터 텍스트큐브 플러그인 테스트 겸 그림 하나~ 안녕안녕? "물리와 셈틀 이야기" 카테고리의 다른 글 이미지에디터 테스트 (댓글 0개 / 트랙백 0개) 2008/05/20 오늘의 삽질 (댓글 12개 / 트랙백 0개) 2008/05/07 차이 (댓글 2개 / 트랙백 0개) 2008/04/05 맥북 에어 사용기 (댓글 10개 / 트랙백 0개) 2008/03/30 아이팟 터치로 글쓰기 (댓글 4개 / 트랙백 0개) 2008/03/17...

Comments
  • bluebamus 
    2008/05/19 22:26  PERMALINK  MODIFY/DELETE  REPLY

    흠.... 로드되지 않는다네요...
    저는 오페라
    9.10 버젼에서 확인하였습니다.

    • 댣군 
      2008/05/20 01:20  PERMALINK  MODIFY/DELETE

      제가 어이없는 실수를 했습니다;;
      다시 올렸습니다. 확인해보세요..

  • inureyes 
    2008/05/20 01:50  PERMALINK  MODIFY/DELETE  REPLY

    오오 감사합니다.^^ (저같이 이미지 수정하느라 무거운 pixelmator 띄우는 사람들에게는 축복이네요)

    코드 관련해서 피드백을 드립니다~ 살짝 길어질 것 같아서...

    다중 블로그의 도메인 모드에서도 정상적으로 파일이 저장되게 하려면 아래의 부분에 살짝 수정이 필요합니다.

    1. index.php
    global $entry,$serviceURL, $pluginURL; 으로 $pluginURL을 받아오신 후에
    onclick="return window.open('<?php echo $pluginURL;?>/popup.php?entryId=<?php echo $entry["id"];?>',
    요렇게 하시면 플러그인 경로를 받아옵니다. 덧붙여서 popup.html 을 popup.php로 이름을 변경하였는데, 서버에 따라서 php/php4/php5 확장자만 php 해석기를 거치는 경우가 많기 때문에 html 확장자에 php 코드를 넣으면 동작하지 않는 경우들이 있습니다. 그리고 이왕이면 <? 도 <?php로 적어주시면 좋을 것 같습니다. (큐브의 php 관련 기본 타입이 strict 를 가정하고 돌아가는 것을 전제로 하고 있습니다^^)

    2. popup.php
    require_once ROOT . "/config.php"; 이 부분은 어차피 includeForBlogOwner 불러올 때 읽어오므로 주석처리하셔도 될 것 같습니다. 그 아래의 'IE6에서 ScriptAccess가 안되는 태그' 라고 적힌 부분에 <param name="movie" value="./ImageEditor.swf"> 의 value 부분에 경로가 다르게 적혀 있습니다. (아마도 다른 도구에 바인딩할 때의 코드인듯 합니다)

    var flashVars = 'uploadURL='+escape('<?php echo $blogURL;?>/owner/entry/attachmulti/~ 라는 부분에서 ROOT 대신 $blogURL을 쓰시면 단일 사용자 모드 / 도메인 모드 / 패스 모드에 상관없이 동작할 것 같습니다.

    '이미지에디터' 출력부분에 echo _t 가 되어야 하는 부분이 echo_t로 잘못 쓰여진 부분이 한 곳 있습니다.

    그럼 저도 그림 그리러 가봐야 겠네요^^
    좋은 도구 만들어 주셔서 감사합니다. :)

  • bluebamus
    2008/05/20 16:15  PERMALINK  MODIFY/DELETE  REPLY

    저만 로드가 되지 않는건지... 아직도 로드가 안되네요.. 흠.. 새로운 파일을깔았는데도... 뭰... ㅎㅎ

    • 댣군 
      2008/05/20 23:04  PERMALINK  MODIFY/DELETE

      일단 혹시 해결될수도 있으니 inureyes님이 수정해주신 수정본도 받아보시고,
      계속 로딩이 안되시면 특정 브라우져에서만 로드가 안되는것인지, 아니면 서버환경 문제인지 자세하게 알려주세요..

  • 궁금이
    2008/05/21 20:22  PERMALINK  MODIFY/DELETE  REPLY

    저 다운받았는데 플러그인에 안나타나네요..ㅠㅠ

    • 댣군
      2008/05/21 21:53  PERMALINK  MODIFY/DELETE

      이상하네요..;
      plugins폴더에 ImageEditor이란 이름으로 들어가있는지 확인해보세요. ImageEditor_modified_0.6_tc_modified 이런이름으로 들어가있는게 아닐까 생각되네요.

    • inureyes
      2008/05/21 23:35  PERMALINK  MODIFY/DELETE

      저도 처음에 그랬는데, 디렉토리와 파일의 권한 문제인 듯 합니다. 웹서버가 읽을 수 있도록 디렉토리와 파일의 권한을 바꿔주세요^^ (파일은 666, 디렉토리는 755 정도면 되는듯)

  • janus
    2008/05/21 23:41  PERMALINK  MODIFY/DELETE  REPLY

    이거 수정되기 전 파일 좀 올려주실래요?
    수정되기전에는 로드가 됐었는데..
    수정본이 좀 더 낳게지 싶어 수정본 덮어 씌웠더니.. 로드가 않돼요..

    • 댣군 
      2008/05/22 00:41  PERMALINK  MODIFY/DELETE

      임시로 글맨밑에 올렸습니다.
      로드가 안된다는건 플래시 로드가 안된다는것을 말씀하시는건가요?

    • janus
      2008/05/22 01:43  PERMALINK  MODIFY/DELETE

      플래쉬 로드는 되는데요. 이미지 로드 할때 무한 로딩 됩니다.
      수정 전 파일 받아서 다시 테스트 했는데, 잘되네요.
      저한테는 수정전이 오히려 잘 되는듯;;

    • inureyes
      2008/05/22 12:30  PERMALINK  MODIFY/DELETE

      업로드 후 이미지를 가져오는 부분에 문제가 있었습니다. 수정한 파일을 다시 댣군님께 보내 드리겠습니다.^^

    • janus
      2008/05/24 14:24  PERMALINK  MODIFY/DELETE

      이젠 수정된 파일로도 로드 ok ^^;

      유용한 플러그인 감사해요~

  • 지팍
    2008/09/10 05:16  PERMALINK  MODIFY/DELETE  REPLY

    잘쓸게요 :D!!!

  • 其仁
    2008/11/07 19:45  PERMALINK  MODIFY/DELETE  REPLY

    감사히 잘 사용하겠습니다~~~!!!

COMMENT*
[로그인][오픈아이디란?]

◀ 이전페이지 1 ... 34 35 36 37 38 39 40 41 42 ... 543 다음페이지 ▶