이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

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

조회 수 74984 추천 수 5 2008.01.22 18:45:06
라이센스 : GPL2 
기타 라이센스 :  
적용 버전 : 베타버전(1.0이전) 
프로젝트 URL :  

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

이미지에디터(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태그로 임시롤백한 상태입니다.

    이부분은 나중에 제대로 object로 바꾸도록 하겠습니다.
    IE6 테스트할 환경이 없어서 시간을 좀더 둬야할것 같습니다.
    object없는 embed태그도 거의모든 브라우져에서 로딩속도차이 외엔 크게 문제되는건 없으니 일단 이렇게 올립니다.
    오류있다고 댓글 달아주신 눈팅만님, 타골라스님 너무 감사드립니다. 그리고 이미 받아가신 약 100분께는 죄송하다는 말밖에 드릴수 없겠네요.



    [레벨:4]ZK™

    2008.01.22 19:23:53
    *.252.61.28

    정말 대단한 실력이십니다.  안그래도 이미지를 올릴 때 워터마크효과를 줄 방법이 없을까 고민하고 있었는데 원하던 것 이상을 채워주셨네요!   감사합니다!!

    [레벨:6]moonsoo

    2008.01.22 20:37:23
    *.109.165.227

    멋지세요~~~~

    profile

    [레벨:6]voesy.net

    2008.01.22 22:07:40
    *.24.179.190

    정말 감탄밖에 안나옵니다. 잘쓸께요 ~~ㅎㅎ

    scortt

    2008.01.22 23:32:54
    *.231.54.167

    천재십니다!
    게다가 이렇게 나누는 마음가짐까지!!!(^^)
    박수에 박수를!!!
    emoticonemoticon

    [레벨:5]KYJ

    2008.01.23 00:56:47
    *.210.199.231

    벌써요??  빠르십니다..
    감사합니다...

    눈팅만

    2008.01.23 08:34:17
    *.230.75.115

    아직 파일불러오기는 작동을 안하는 듯한데요???
    profile

    [레벨:5]댣군

    2008.01.23 18:26:57
    *.10.141.106

    죄송합니다. 수정하여 fix1로 올렸습니다.

    눈팅만

    2008.01.23 20:11:06
    *.230.75.115

    아주 빠른 fix 감사합니다.
    잘 됩니다. 신기하구요

    이런 좋은 프로그램을 이렇게 그냥 써도 되는지 암튼 놀랍습니다.

     

    시현

    2008.02.01 10:42:18
    *.39.156.40

    불러오기.. 즉 내컴에서 불러오기도 된다는 말씀인가요?
    전 지금 다운받아서 설치해보았는데 내 컴에서 불러오기가 안되는데요?
    그냥 주소창만 뜨는데.. 모가 문제인가요?
    profile

    [레벨:2]minnim

    2008.01.23 19:12:21
    *.145.165.96

    먼저, 좋은 이미지 에디터를 만들어주셔서 감사드립니다~~
    근데, 제 홈피 본문넓이가 딱 560px이고 글 보여지는건 500px 입니다.
    그림 그리면 560px가 되는데...그러면 그림이 보여질때...안티알라싱(^^;)이 안 먹는 관계로...그림에 계단현상이 생기는데..
    혹시...아웃풋 넓이를 조절 할수 있다던지, 이미지 crop 기능 같은 것이 있으면 참 좋겠습니다...

    감사합니다! 참조


    profile

    [레벨:2]minnim

    2008.01.23 19:58:10
    *.145.165.96

    아~ 새로운 이미지 만들 때 사이즈 넣는것이 있었군요~^^
    죄송합니다~^^

    [레벨:2]고후

    2008.01.24 03:11:12
    *.231.54.167

    파일불러오기 기능이라는 게
    내 컴퓨터에 있는 그림을 불러오는 건가요?

    profile

    [레벨:5]댣군

    2008.01.24 18:41:17
    *.10.141.106

    아직 웹상에 올려져있는 파일만 불러올 수 있습니다.
    profile

    [레벨:22]느까끼

    2008.01.24 10:19:07
    *.178.188.24

    좋은 기능 감사합니다.
    파일불러오기 기능을 내컴퓨터에 있는 그림도 불러올 수 있게 해주면 훨씬 좋은 기능이 될 것 같습니다.

    [레벨:1]깜디아

    2008.01.25 14:09:00
    *.104.126.2

    혹시 타블렛의 필압이 적용되게 해보실 생각은 없으신지?

    profile

    [레벨:5]댣군

    2008.01.25 23:39:15
    *.10.141.106

    여러번 찾아보았지만 플래시에서 압력값을 받을수있는 방법이 없는것같습니다. (혹시 아시는분 있으시면 알려주세요..)
    profile

    [레벨:17]하늘03

    2008.01.28 13:52:19
    *.8.18.143

    linux에서 쓰려면 vi에서 set nobinary로 다시 저장해야하네요 ^^; 참고하셔요
    profile

    [레벨:5]댣군

    2008.01.28 21:37:42
    *.10.141.106

    감사합니다.
    리눅스환경에서 테스트해보질 못했네요 ^^;
    profile

    [레벨:15]guny

    2008.01.28 14:53:58
    *.125.135.39

    펜툴이 있었으면 좋겟어요...

    profile

    [레벨:5]댣군

    2008.01.28 21:39:18
    *.10.141.106

    나중에 시도해보도록 하겠습니다..

    ???

    2008.01.29 20:21:30
    *.39.181.15

    혹시 포토샵처럼 누끼 딸수있도록 펜툴이나 선택툴, 자르기, 또는 라쏘툴 이런 기능 추가는 안되나요? ;;;;;;;;;;;

    profile

    [레벨:5]댣군

    2008.01.30 00:36:27
    *.10.141.106

    사각선택영역은 다음버전에 추가될 예정이며 라쏘툴과 자르기는 그후버젼에 추가될 예정입니다.
    펜툴은 당장에는 계획이 없습니다만
    앞으로 계속적으로 고급기능을 추가 업데이트할 계획입니다.

    추가될 기능과 개발중인 내용등은 개발노트에 짬짬히 기록해놓고 있습니다.

    [레벨:6]DY

    2008.02.01 12:30:48
    *.102.9.155

    키핫!완전히 그림그리는 하나의 프로그램같습니다!ㅇㅁㅇ!
    정말 잘받아갑니다~~ㅎㅎ ,그리구 고맙습니다^^

    [레벨:2]kopp

    2008.02.02 11:23:17
    *.196.88.98

    감사합니다.   유용하게쓰겠습니다..

    [레벨:5]lipome

    2008.02.03 12:47:52
    *.252.10.132

    감사합니다 닫군님 써보고 싶은데요 알려주신대로 여기에 업로드 했거든요
     /public_html/zbxe/modules/editor/components/근데 그림처럼 에디턱가 안나타나네요
    어디를 잘못했는지 알려주시면 고맙겠습니다 감사합니다^*^
    아래에 그림첨부 했습니다
    gg.jpg

    첨부
    profile

    [레벨:5]댣군

    2008.02.03 18:35:29
    *.10.141.106

    제로보드XE 관리자 페이지 - 기능성 모듈 - 위지윅 에디터 에서 이미지에디터 컴포넌트를 활성화해주세요.

    [레벨:5]lipome

    2008.02.03 20:12:51
    *.252.10.132

    감사합니다 이제 잘 됨니다 너무좋습니다^*^

    List of Articles
    번호 제목 글쓴이 날짜 조회 수 추천 수

    洙 사전 검색 입력 컴포넌트 - 새 에디터에 맞게 아이콘 수정 imagefile [12]

    백과사전 : soo_ency_dic.zip soo_ency_dic.tgz 국어, 영어, 일어사전 : soo_diclink.tgz soo_diclink.zip 네이버 오픈API를 이용합니다. (네이버 오픈 API키가 필요합니다.) http://openapi.naver.com/register.nhn 에서 키를 발...

    • [레벨:15]misol
    • 2008-08-16
    • 조회 수 46509
    • 추천 수 1

    mp3플레이어 콤포넌트(1pixelout) imagefile [22]

    워드프레스 플러그인으로 개발된 1pixelout의 플래쉬 기반 mp3플레이어를 제로보드 xe용 에디터 컴포넌트로 수정한 버젼입니다. 제작사 홈페이지 기본 플레이어에서는 ID3태그 출력기능이 있으나, 2바이트 문자가 깨져서 나오는 버...

    • [레벨:1]Nuno™
    • 2008-08-13
    • 조회 수 50757
    • 추천 수 3

    洙 네이버 책 검색 입력 Ver 0.1 - 새 에디터에 맞게 아이콘 수정 imagefile [12]

    수정내용 : 기능상은 변화 없음.. 글쓰기 창에서 내용 입력 받는 부분 모두 URLENCODE 적용 네이버 책 검색 입력 컴포넌트 입니다. 네이버 오픈API 키가 필요합니다. 오류는 댓글로 달아주시면 감사하겠습니다. 파일은 둘중...

    • [레벨:15]misol
    • 2008-07-05
    • 조회 수 79661
    • 추천 수 5

    네이버 이미지 입력 Ver 1.0 - 새 에디터에 맞게 아이콘 수정 imagefile [22]

    수정내용 : 기능상은 변화 없음.. 글쓰기 창에서 내용 입력 받는 부분 모두 URLENCODE 적용 네이버 오픈 API의 이미지 검색 API를 이용하였습니다. 이 컴포넌트를 이용하기 위해서는 http://openapi.naver.com/register.nhn...

    • [레벨:15]misol
    • 2008-06-21
    • 조회 수 84691
    • 추천 수 4

    판도라 동영상 삽입 (0.2.6, 2009-01-12) imagefile [19]

    판도라 TV 동영상 업로드 컴포넌트를 최신 API로 업데이트 하였습니다. 삽입된 게시물 미리보기 & 동영상 업로드 해보기 1. 설치 첨부된 압축 파일을 내려 받습니다. 폴더째 압축되어 있으므로 아래 위치에 압축을 풀면 됩...

    • [레벨:14]Simulz
    • 2008-06-14
    • 조회 수 72085
    • 추천 수 5

    이미지에디터(ImageEditor) v0.6 imagefile [51]

    이미지에디터(ImageEditor) v0.6 컴포넌트 소개 이미지에디터는 그림을 새로 그리거나 그림을 불러와 편집할 수 있는 이미지 편집용 에디터 컴포넌트입니다. 연필, 브러시, 픽셀편집, 지우개, 선, 직사각형, 원, 타원, 채우기, 텍스...

    • [레벨:5]댣군
    • 2008-05-19
    • 조회 수 96770
    • 추천 수 11

    글 상자 컴포넌트 ver 0.1 (textbox) imagefile [10]

    글꼴, 줄 간격, PRE 스타일 등을 지정할 수 있는 글 상자를 작성합니다. 설치 위치 : zbxe/modules/editor/components/ 하위 디렉토리 기본값 설정 및 활성 : 관리자 화면 - 기능성 모듈 - 위지윅 에디터 - 글 상자 글 상...

    • [레벨:4]mooo
    • 2008-05-14
    • 조회 수 85353
    • 추천 수 5

    네이버 이미지 입력 Ver 0.52 (수정2) imagefile [24]

    ver 0.52 : 0.5에서 입력한 이미지들, 수정 없이 뜨도록 수정. ver 0.51 : 이미지 입력 js 약간 수정 Ver 0.5 : 썸네일 생성되게 수정. Ver 0.4 : 페이지 기능 추가. 한 페이지당 보여줄 개수 설정 가능하게 수정(기본값...

    • [레벨:15]imsoo.net
    • 2008-05-10
    • 조회 수 85010
    • 추천 수 2

    sinpic_map을 triplog_map로 변경하며 많은 기능개선을했습니다. imagefile [43]

    기존에 SINPIC MAP을 대폭 개선하여 TRIPLOG MAP으로 다시 태어났습니다. 먼저 기능개선은 1. 항상 naver MAP에만 머물러있어야했던 첫화면을 등록 당시의 MAP으로 나오게 했습니다. 예를 들어 맵 등록 시 구글 맵을 ...

    • [레벨:2]트루먼
    • 2008-05-09
    • 조회 수 70766
    • 추천 수 2

    야후 거기 지도 입력 v.0.1 - 새 에디터에 맞게 아이콘 수정 imagefile [8]

    야후 거기 지도 Open Api를 이용하는.. 컴포넌트 입니다. 야후 지도는 외국 지명 검색이 가능하다고 합니다.... 외국 지명을 많이 모르기 때문에.. london검색해보니.. 됩니다... 여튼.. 제가 php나 javascript를 잘 못 다루기...

    • [레벨:15]misol
    • 2008-04-06
    • 조회 수 76056
    • 추천 수 1

    LaTeXRender 0.0.1r1 imagefile [63]

    LaTeXRender Expression Image \displaystyle\int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx= \frac{22}{7}-\pi \begin{displaymath} y = \left\{ \begin{array}{ll} a & \textrm{if $d>c$}\\ b+x & \textrm{in th...

    • [레벨:5]HNO3
    • 2008-03-24
    • 조회 수 76807
    • 추천 수 2

    아이프레임 추가(Iframe_maker) v0.1 imagefile [22]

    아이프레임 추가(Iframe_maker) v0.1 컴포넌트 소개 아이프레임 태그를 넣고싶을때 간단하게 사용할 수 있습니다. 프레임창 크기, 테두리 모양, 굵기, 색깔, 그리고 스크롤바 사용 설정 등을 할 수 있습니다. 주의사항이 컴포넌트는 ...

    • [레벨:5]댣군
    • 2008-03-20
    • 조회 수 76409
    • 추천 수 8

    스크랩 거부 컴포넌트 (수정1) imagefile [21]

    휴리스틱님 의견 반영해서, 작성자가 설정하지 않으면, 마우스 드래그, 오른쪽 버튼, 특수키 모두 허용 됩니다. 수정1 수정사항 : 제외 그룹과 회원 비교하는것.. 조금 바꿈 스크랩 금지 애드온(http://www.zeroboard.com/16562676)의...

    • [레벨:15]imsoo.net
    • 2008-03-16
    • 조회 수 62907
    • 추천 수 2

    정보공유라이선스 출력 컴포넌트 (수정2) imagefile [5]

    수정1 내용 : 이미지 사용 안할때, 메타데이터 표기 안했던것을 표기하도록 수정... 메타데이터(http://freeuse.or.kr/htm/main2_3.htm ) CCL 출력 컴포넌트를 조금 바꾸어서 만들 었습니다. 문서에 정보공유라이선스2.0을 입력 할 수...

    • [레벨:15]imsoo.net
    • 2008-03-16
    • 조회 수 61802
    • 추천 수 0

    이미지에디터(ImageEditor) v0.4 fix2 imagefile [21]

    새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.4 fix2 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.4 변경사항 일부 외국어가 지원됩니다. 필터 툴이 추가되었습니다. 업데이...

    • [레벨:5]댣군
    • 2008-02-20
    • 조회 수 79112
    • 추천 수 4

    이미지에디터(ImageEditor) v0.3 imagefile [23]

    새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.3 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.3 변경사항 사각선택영역 기능이 추가되었습니다. 업데이트사각선택영역기능 추가...

    • [레벨:5]댣군
    • 2008-02-04
    • 조회 수 76460
    • 추천 수 5

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

    새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.2 fix1 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.2 변경사항 두번째로 배포하는 버젼입니다. 확대/축소 기능과 픽셀툴이 추...

    • [레벨:5]댣군
    • 2008-01-22
    • 조회 수 74984
    • 추천 수 5

    이미지에디터(ImageEditor) v0.1 fix1 imagefile [58]

    새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.1 (위 그림은 이미지에디터에서 그려졌습니다) 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. 기능 소개 그리기 도구 (Tools) 연필연...

    • [레벨:5]댣군
    • 2008-01-12
    • 조회 수 80240
    • 추천 수 19

    SINPIC지도 에디터 컴포넌트 버전 0.2 입니다. file [24]

    안녕하세요.. 오랜만에 버전업했습니다. 한다한다 하면서 시간이 잘 나지 않았는데... 버전 0.1에서 나온 수정사항 중 일부를 적용했습니다. 1. 주소 검색 후 링크 눌렀을 경우 바로 위치정보를 넣을 수 있도록 했습니다. 2. ad...

    • [레벨:2]트루먼
    • 2008-01-10
    • 조회 수 53804
    • 추천 수 2

    SINPIC지도 에디터 컴포넌트 올려봅니다.(네이버맵 + 구글맵) imagefile [85]

    네이버맵을 대치할 수 있는 SINPIC MAP를 만들어 봤습니다. SINPIC MAP는 네이버맵과 구글맵을 연동하였고 sinpic.com에 메타등록을 하실 수 있도록 했습니다 그럼 설치 방법을 알려드리겠습니다. 1. 첨부파일을 다운로드...

    • [레벨:2]트루먼
    • 2007-11-22
    • 조회 수 89973
    • 추천 수 7


    XE Login

    OpenID Login