Image Markup

O

Bring annotation capability to your images without effort Introduction Countless times, I needed to download an image from somewhere on the internet, open it up using some image editing application, add some markups, save the image and then use it somewhere else. For some types of websites it would be great, I think, if the website itself allowed users to annotate the image online (with both text and drawings) and then save the combining image locally, or send it to somewhere on the internet. This article introduces a jQuery plugin that implements such feature - at least in a simplified way. Background The idea behind the Image Markup plugin came recently in a talk with our CEO Marco Raduan at ILang Educação, when he showed us a nice Mac OS feature which allowed image annotations directly on top of the image itself through built-in OS capabilities, without the need of a separate application. This kind of direct annotation was considered a good asset for our Learning Management System (ILang), in a way that teachers could review image-scanned open-ended answers handwritten by students and annotate them while evaluating them. Such visual annotations could be persisted to database along with evaluation and grade assigned to the student assessment, in order to represent the whole process of evaluation of open-ended questions.