Title: Image Annotator
Author: Moe Loubani
Published: <strong>2016년 8월 24일</strong>
Last modified: 2016년 8월 24일

---

플러그인 검색

![](https://ps.w.org/image-annotator/assets/banner-772x250.png?rev=1482957)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://s.w.org/plugins/geopattern-icon/image-annotator_938981.svg)

# Image Annotator

 작성자: [Moe Loubani](https://profiles.wordpress.org/moeloubani1/)

[다운로드](https://downloads.wordpress.org/plugin/image-annotator.zip)

 * [세부사항](https://ko.wordpress.org/plugins/image-annotator/#description)
 * [평가](https://ko.wordpress.org/plugins/image-annotator/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/image-annotator/#installation)
 * [개발](https://ko.wordpress.org/plugins/image-annotator/#developers)

 [지원](https://wordpress.org/support/plugin/image-annotator/)

## 설명

If you’ve ever wanted to draw on an image or add a caption or text to your image
then this is the plugin for you. Best of all it allows you to add your caption, 
save it, display it, then go back and edit it in different layers and objects laid
on top of your image.

It extracts the text from the annotations and displays them as selectable and stylable
text just below.

You can hold shift as you draw rectangles to make them perfect squares, same with
the ellipse tool and circles.

## 스크린샷

[⌊This shows the editing process after one round of adding different annotations
and shapes. You can see how things are labeled and the speech bubble is used.⌉⌊This
shows the editing process after one round of adding different annotations and shapes.
You can see how things are labeled and the speech bubble is used.⌉[

This shows the editing process after one round of adding different annotations and
shapes. You can see how things are labeled and the speech bubble is used.

[⌊This shows how easy it is to just move objects around, remove objects, move the
speech bubble around and decide where it goes.⌉⌊This shows how easy it is to just
move objects around, remove objects, move the speech bubble around and decide where
it goes.⌉[

This shows how easy it is to just move objects around, remove objects, move the 
speech bubble around and decide where it goes.

[⌊This shows you how to add an annotation to one of your posts or pages.⌉⌊This shows
you how to add an annotation to one of your posts or pages.⌉[

This shows you how to add an annotation to one of your posts or pages.

[⌊Here is an example of the annotation in action on a desktop sized screen. The 
text below is stylable with CSS (or you can hide it!)⌉⌊Here is an example of the
annotation in action on a desktop sized screen. The text below is stylable with 
CSS (or you can hide it!)⌉[

Here is an example of the annotation in action on a desktop sized screen. The text
below is stylable with CSS (or you can hide it!)

[⌊This is an example of the annotation on a mobile device, note how the text has
been replaced with a larger font and numbers that reference the text below so that
it is still readable despite everything getting shrunk down.⌉⌊This is an example
of the annotation on a mobile device, note how the text has been replaced with a
larger font and numbers that reference the text below so that it is still readable
despite everything getting shrunk down.⌉[

This is an example of the annotation on a mobile device, note how the text has been
replaced with a larger font and numbers that reference the text below so that it
is still readable despite everything getting shrunk down.

## 설치

 1. Upload the plugin files to the `/wp-content/plugins/image-annotator` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Add a new annotation by going to ‘Annotations’ and then ‘Add New’ in the left hand
    columns of your admin panel
 4. Click choose image, add your annotations, and hit publish/update to save them.
 5. On a post or page you can use the TinyMCE shortcode button to add one of your saved
    annotations or use the [wpia_image id=id_here] shortcode.

## FAQ

  How can I change the font in the annotations?

Changing font sizes and colors is coming (although you can edit them in the JS files
now) but you can add a custom font family by defining a font in your CSS using @
font-face with the name ‘annotatorFont’ and then files from whichever font you would
like.

  When are colors coming? Other fonts?

As soon as I have time I hope to expand this plugin to allow for stroke width (border
width) changes, color changes, free drawing and more. Stay updated!

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Image Annotator”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ Moe Loubani ](https://profiles.wordpress.org/moeloubani1/)

[자국어로 “Image Annotator”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/image-annotator)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/image-annotator/)는, 
[SVN 저장소](https://plugins.svn.wordpress.org/image-annotator/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/image-annotator/)을 [RSS](https://plugins.trac.wordpress.org/log/image-annotator/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0

 * First release of plugin – many more changes to come!

Special thanks to:

Réseau BIBLIO du Centre-du-Québec, de Lanaudière et de la Mauricie (http://www.mabibliotheque.
ca/centre-du-quebec-de-lanaudiere-et-de-la-mauricie/fr/index.aspx) and Desaulniers
Simard (https://desaulniers-simard.com).

Everyone involved with making and contributing to FabricJS.

Everyone on Stack Overflow and other websites that answers questions and keeps the
community strong!

## 기초

 *  버전 **1.0**
 *  최근 업데이트: **10년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 4.1 또는 그 이상 **
 *  다음까지 시험됨: **4.6.30**
 *  언어
 * [English (US)](https://wordpress.org/plugins/image-annotator/)
 * 태그:
 * [annotation](https://ko.wordpress.org/plugins/tags/annotation/)[canvas](https://ko.wordpress.org/plugins/tags/canvas/)
   [HTML5](https://ko.wordpress.org/plugins/tags/html5/)
 *  [고급 보기](https://ko.wordpress.org/plugins/image-annotator/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/image-annotator/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/image-annotator/reviews/)

## 기여자

 *   [ Moe Loubani ](https://profiles.wordpress.org/moeloubani1/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/image-annotator/)