Create Annotations in PDF.JS Part 2 | PDF.JS Annotator

NOTE: The video may be old but I ensure as much as possible that Annotationeer works with the latest version of PDF.JS.

Here is the link to Annotationeer used in an iPad.

My implementation of creating annotations in PDF.JS with more features like arrow, free hand drawing, free text, text selection highlight/underline/strike-through, measurement, circle and stamp using plain Javascript and the right sidebar list linking the annotations in the canvas using Angular JS.

I had been receiving quite a number of inquiries regarding my video on how to create annotations in PDF.JS.

First and foremost, I call my web application Annotationeer. It is built on top of PDF.JS. It has the following annotations:

-Square fill
-Square border
-Circle fill
-Circle border
-Stamp
-Arrow
-Sticky note
-Measurement distance (like in Adobe Acrobat tool)
-Measurement area (like in Adobe Acrobat tool)
-Audio (in MP3 or OGG)
-Free hand drawing
-Free text
-Text Underline
-Text Highlight
-Text Strike-through
-Form fields like text field, checkbox, radio button
-Signature

All annotations come with a comment and properties like background and foreground color, measurement units in inches, centimeter or millimeter and font size to name a few. These same annotations can be accessed through the sidebar as a list where you can scroll through as well as a comments popup window to initiate a chat history for every annotation.

Some nifty features that can be configured based on the user's preference:

-Scales annotations based on zoom value
-Rotates annotations based on page rotation angle
-Tooltips
-Showing annotation list in the left or right sidebar
-Saving all annotations using the save button or through every action
-Watermark in every page
-Screenshot of a selected dragged area in the page converted to an image
-Property popup to modify annotation properties
-Comment popup to modify and add reply comments
-Runs on any PDF.JS version
-Print preview option to include watermark and annotations

These annotations are saved and retrieved through RESTful URLs that I created using Silex PHP Framework and using MySQL as database or Couchbase's NoSQL while producing outputs in JSON format.

The web application can run in IE and Webkit based browsers like Chrome, Firefox and Safari. And, while I do not have any physical tablets or smartphone with a good amount of RAM, this has been tested in an Android emulator.

#PdfJs #Annotation #Annotationeer #CreateAnnotation #Annotations #PDF #Bookmark #FormField #CircleAnnotation #Circle #SquareAnnotation #Square #Drawing #DrawAnnotation #FreeText #FreeTextAnnotation #FreeHand #FreeHandAnnotation #Highlight #HighlightAnnotation #StrikeThrough #StrikeThroughAnnotation #Underline #UnderlineAnnotation #PolyLine #PolyLineAnnotation #Cloud #CloudAnnotation #Polygon #PolygonAnnotation #Arrow #ArrowAnnotation #Line #LineAnnotation #DistanceAnnotation #AreaAnnotation #StickyNote #StickyNoteAnnotation #Signature #SIgnatureAnnotation #Stamp #StampAnnotation #iOS #iPad #iPhone #Android #Browser #PDFViewer #DoubleArrow #DoubleArrowAnnotation #FormField #FormFieldAnnotation #TextFieldFormField #DropDown #DropDownFormField #Checkbox #CheckboxFormFIeld #RadioButton #RadioButtonFormField

Annotationeer also comes with a utility where users can import the annotations that they saved in PDF.JS to a physical PDF file using either of the following libraries:

- Apache PDFBox
- Aspose
- iText

I have managed to create code in both Java and C#.

Oh yeah. One more thing. Annotationeer has also been tested to run in mobile browsers.

If you have inquiries regarding Annotationeer, please use the Contact Me link at the top of the page. I am also available for consultation in case you need help with your own implementation. Again, contact me for more details on my hourly rate by placing a comment here with your email address.

Annotationeer is used by companies from as far as the US, Canada, Germany, India, Brazil, Israel, Bulgaria, South Korea, Hongkong, New Zealand, Austria and France.

.
.
.
.

[j.]

Hi, can I purchase this for personal use? I'm not involved in any company nor do I have any knowledge about programming or code. It looks like a convenient application for students. Thanks!

Your "contact me" page on your site is not working: "There was an error trying to send your message. Please try again later." And your blog detects my comment as spam.

[christophercaruk]

Hello, I have tried to post a comment on your blog but Wordpress seems to think that everything I send is SPAM. I've sent a mail using the mail address below but do not know if it is current. Please let me know if you received my mail and/or provide a new address. Thanks

[lifeixu]

Hello, see you create Annotations on YouTube on pdf. js, I wish to purchase it. may I know the price details? I come from China, thank you

[nagarjuna]

Is this something you can share with us? I can purchase the code if you let me know the pricing of it.

[maheshkumarparuchuri]

i wish to purchase it. may i know the price details?

[geocine]

may you send me a message how much is this?

[lovevolam]

Please contact me for a sourcecode and purchase

[lifeixu]

Hello, see you create Annotations on YouTube on pdf. js, I wish to purchase it. may I know the price details? I come from China, thank you