그리기

티키 그리기는 Tiki7 에서부터 시작된 SVG-edit 의 통합입니다. (그리고 7.1 에서 개선을 위하여 수많은 수정이 있었습니다). 필요한 것은 최신 브라우저와 (브라우저의 목록은 SVG-edit 사이트를 참조하십시오) 데이터가 SVG 양식으로 저장될 수 있어야 합니다.

SVG-edit 은 Tiki7 에 협업적 그림 작업 을 위해서 추가되었습니다. SVG-edit 은 웹기반의 잉크스페이스 (다이어그램, 그림, 및 일러스트레이션을 위한 그리기 도구) 와 유사하며 GIMP 와 같은 그림 및 사진 편집기가 아닙니다. SVG-Edit 은 티키처럼 jQuery 에 기반 하고 있습니다.

Tiki10 에서부터는, 단순화 된 인터페이스를 위하여 SVG-Edit 내부에서 기능 일부를 감출수도 있습니다.

다음에서 시도해 보십시오:
안정화 버전: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
차기 버전: http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html

이는 그림을 편집하고 위키 페이지 내부에 임베드 하는 것을 허용합니다. 그림을 배경으로 선택하는 것과 주석을 다는 것 (텍스트, 화살표, 등등) 또한 가능해졌습니다.

.svg 의 실제 저장은 티키 파일 갤러리 에 위치합니다. 그러므로 파일 갤러리가 .SVG 파일임을 감지하면, (파일 갤러리 목록 내부에) 파일과 연관된 메뉴 내부에 편집 버튼을 추가하게 되며, 그 버튼은 SVG-edit 을 실행하게 됩니다. 파일 갤러리 패널에는 "새 그림 만들기" 버튼도 있습니다

To use in Tiki7, you must activate and setup feature_file_galleries_batch (visit tiki-batch_upload_files.php to make sure all is OK) (no longer needed in Tiki8)

In Tiki7 or Tik8, you need to have the permission tiki_p_upload_files and visit the file gallery.

Starting in Tiki 7.1, you can start a drawing by putting {draw} in a wiki page. When viewing the page, it will ask you where to store the newly created drawing.

Starting in Tiki8, when editing a drawing using PluginDraw, when saved, the old version is moved to the archive (if feature is turned on). But this won't work if you edit from the File Gallery or if you are re-using that same Drawing in another wiki page. Perhaps better to use PluginInclude in this case...

Demo of screencapture and drawing

Videos

The SVG-edit has changed since the videos were made, but it still gives you a great overview.

Introduction to SVG-edit

SVG-edit 2.3: New Features

SVG-Edit 2.4: Part 1 of 2

SVG-Edit 2.4: Part 2 of 2

Use cases

Annotating images

For example, designer's Proofs or Mockups: Similar to PluginAnnotation (a simpler image annotation feature), it would be nice to pick an image from the system and start it in draw mode, where we can add captions. So the image would be the background in SVG-Edit

Drawing charts

I want to draw a diagram of some sort (ex.: org chart)

Try it out at http://demo.tiki.org/ (You'll likely need to activate the feature)

Links

• http://ehmdunque.altervista.org/i-informatica/manuali/Short_intro_SVG-edit.html