How to Download annotate PDF ?

[rmemon]

After adding certain annotation, how to download annotate pdf,
Thanks in advance

[KaneMorgan]

So the library doesn't actually create an annotated pdf file. It works by putting an overlay on top of the rendered pdf with the annotations.

The annotations are just stored in JSON in the browsers local storage, if you want to use them elsewhere you might be able to implement a store adapter to get the JSON out but you'd probably still need this library to render them

[fdbatista]

In my case, I save annotations in database. I have a controller action for download which reads original pdf file using fpdi, retrieves annotations from database, inserts them into pdf using tcpdf and finally returns the new annotated pdf also with tcpdf.

[rmemon]

Hi @fdbatista thank you, I did it using same rule, only difference i have not use tcpdf or fpdi, I build my own custom code written in node, Please find the URL, draw some annotation and press on download button.

https://pdf-annotate.herokuapp.com/

I will also look to try for fpdi and tcpdf in my free time, Thanks

Hi @rmemon I am working on PHP and i am making pdf annotation. Could you tell me How to integrate Download button my PDF annotation in php without using tcpdf or fpdi.

[RameshSenagasetti]

Hi @rmemon thank you, can you help me out in doing the download the annotated PDF using node stuff as I am struggling with same issue.

[ajile-in]

I have built my custom code on the back-end using C#.NET which parses the JSON annotations and creates those annotations in PDF.

However, I am facing issues with coordinates positions with some annotations such as 'drawing'

[Mariachi1231]

Hi @jadhavajay, can you share your code?

[gaganmurghai]

@fdbatista
I am new with this and trying to create pdf with saved annotations in database.
When I am trying to use stored annotations from database, the location of those annotation are not on same position with x and y coordinates of PDF. Can you please help me out with this.

[fdbatista]

Hi, @gaganmurghai.

That might be a problem with the measure unit you're using. When you instantiate the FPDI object, you must pass a parameter that specifies the measurement unit, like this:

$pdf = new FPDI('', 'pt', 'A4', true, 'UTF-8', false, false);

If I'm not wrong, because I haven't touched this code in a while, the 2nd parameter stands for Points. There are also pixels, millimeters and so one, but Points work for me.

Happy coding.

[fdbatista]

I already did.
Here you instantiate the FPDI object and insert comments loaded from a database via an api request.
In my case, I use PHP for building the RESTful API. This depends on your own business logic.

$pdf = new FPDI('', 'pt', 'A4', true, 'UTF-8', false, false);

try {
$file_name = "Test.pdf";
$annotations_url = "http://my-server/api/annotations?document_id=$file_name"; //this is my API function
$annotations = file_get_contents($annotations_url);
$json = NULL;
if ($annotations) {
$json = json_decode(json_decode($annotations));
}
$pageCount = $pdf->setSourceFile("../../items/$id/$file_name");
for ($i = 1; $i <= $pageCount; $i++) {
$tplIdx = $pdf->importPage($i, '/MediaBox');
$pdf->AddPage();
if ($json) {
foreach ($json as $annotation) {
$pdf->Annotation($curr_annotation->x, $curr_annotation->y, 100, 70, $annotation[1]->content, ['Subtype' => 'Text', 'Name' => 'Comment', 'C' => array(255, 255, 0)]);
}
}
$pdf->useTemplate($tplIdx);
}
$pdf->Output($file_name, 'D');
} catch (Exception $exc) {
$pdf->AddPage();
$pdf->Text(200, 200, $exc->getMessage());
$pdf->Output('Exception', 'D');
}

[gaganmurghai]

@fdbatista thanks for sharing the code. I am using almost same logic but it doesn't work. Let me try again and I will get back to you. Again thank you very much.

[gaganmurghai]

@fdbatista Can I use image instead of text annotation. Actually I have tired Image for this

$pdf->Image('images/image_demo.jpg', 15, 140, 75, 113, 'JPG', 'http://www.tcpdf.org', '', true, 150, '', false, false, 1, false, false, false);

But when I am passing x and y coordinates it changes the position. Have you any Idea for that. And also I want to add image on particular page. When I was trying previous code it parse the image on all the pages. Please me know if you have any idea for the same

[fdbatista]

About the position, try changing the unit, as I said previously.
And this method allows you to add a new page to work on it:

$pdf->AddPage();

[gaganmurghai]

thanks @fdbatista I will try it.

[gaganmurghai]

@rmemon @fdbatista @KaneMorgan Hello guys, I am looking for alternate of fpdi and tcpdf in node js. Actually I have built the functionality to download Pdf with annotations in php but now as per my requirements I need this in node Js.
Please help me out in this.