Converting Text to Image with another Image in Java Springboot

Question

I have search but unable to find anything suitable for converting text along with logo image to another image or PDF. It would be great if both image and Pdf options are there, Just like Banking website.

 model.addAttribute("success_message", "Your Reference number is " + referenceNo + ".\nFund Transfer of Amount " + cl.Money(xxDTO.getAmount())
+ " has been made successfully against " + xxDTO.getAccount()
+ " on " + xxDTO.getTime()
+ " from " + xxDTO.getSendAccountNumber()
+ " for " + session.getAttribute("purposeText"));

This is my success message, When funds are transfered, The success messages show on a page inside a div. But I want to add two options there to download as Image or PDF.

How Can I achieve that in Java 11 (Springboot)

I will have to add one static logo at the top and then above text at bottom, and Text format can be changed etc. For testing purpose, I have created a simple HTML file and added a table inside it. It is a static File. I have addded a button and on button click, I am trying to download PDF, Below is code

@requestMapping("/pdf")
    public ResponseEntity<?> getPDF(HttpServletRequest request, HttpServletResponse response) throws IOException {


        /* Create HTML using Thymeleaf template Engine */
        // testingpdf is html view
        String orderHtml = templateEngine.process("testingpdf");

        /* Setup Source and target I/O streams */

        ByteArrayOutputStream target = new ByteArrayOutputStream();

        /*Setup converter properties. */
        ConverterProperties converterProperties = new ConverterProperties();
        converterProperties.setBaseUri("http://localhost:8080");

        /* Call convert method */
        HtmlConverter.convertToPdf(orderHtml, target, converterProperties);

        /* extract output as bytes */
        byte[] bytes = target.toByteArray();


        /* Send the response as downloadable PDF */

        return ResponseEntity.ok()
                .contentType(MediaType.APPLICATION_PDF)
                .body(bytes);
    }

POM FILE

<dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>kernel</artifactId>
            <version>7.1.12</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>html2pdf</artifactId>
            <version>3.0.1</version>
        </dependency>

The above is already in my pom.xml but these import are not working.

import com.itextpdf.html2pdf.ConverterProperties;
import com.itextpdf.html2pdf.HtmlConverter;

For creating and manipulating PDF, you can use iText library — Med Elgarnaoui, Mar 31 '21 at 14:39
You can also convert your div that contains your message and logo into a PDF file using javascript — Med Elgarnaoui, Mar 31 '21 at 14:46
will this work in springboot framework? I am very new to java and springboot, How can i install iText Library? — Asfandyar Khan, Mar 31 '21 at 15:45
I have updated the question with code, can u check what is the actual error, its gives error.' — Asfandyar Khan, Mar 31 '21 at 16:55
IM following this tutorial with MCV https://springhow.com/spring-boot-pdf-generation/ — Asfandyar Khan, Mar 31 '21 at 17:03
Thansk Im having issues on ConverterProperties, I have added dependency in pom for itext and html2pdf and also added these two lines at start of file ` import com.itextpdf.html2pdf.ConverterProperties; import com.itextpdf.html2pdf.HtmlConverter;` but still ConverterPropteries is not accessible — Asfandyar Khan, Mar 31 '21 at 17:21
What do you mean by not accessible ? did you add this in your pom. xml ` com.itextpdf html2pdf 3.0.1 com.itextpdf kernel 7.1.12 ` — Med Elgarnaoui, Mar 31 '21 at 17:25
This application has no explicit mapping for /error, so you are seeing this as a fallback. Wed Mar 31 22:22:19 PKT 2021 There was an unexpected error (type=Not Found, status=404). No message available — Asfandyar Khan, Mar 31 '21 at 17:29
Gives me this above error and also it doesn't look like it is imported like other ones. — Asfandyar Khan, Mar 31 '21 at 17:30
Do I have to install these libraries? I have only added in pom.xml — Asfandyar Khan, Mar 31 '21 at 17:30
I have already added them to but when i type import com.itextpdf.html2pdf.ConvertProperties, it doesn't appear, i feel like they are not added. I have updated pom.xml in above question, check — Asfandyar Khan, Mar 31 '21 at 17:37
When you update the pom.xml you must have internet to downloaded by maven — Med Elgarnaoui, Mar 31 '21 at 17:41
I have only copy the code and pasted in pom.xml and saved the file, how will it download automatically? is there any command to do it or something else? — Asfandyar Khan, Mar 31 '21 at 17:44
`Error:(24, 29) java: package com.itextpdf.html2pdf does not exist` — Asfandyar Khan, Mar 31 '21 at 17:48
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/230605/discussion-between-med-elgarnaoui-and-asfandyar-khan). — Med Elgarnaoui, Mar 31 '21 at 17:51

Med Elgarnaoui · Accepted Answer · 2021-03-31T16:23:33.580

You can use iText library for creating and manipulating PDF, you can find documentation in this link about itext.

<dependency>
    <groupId>com.itextpdf</groupId>
    <artifactId>itextpdf</artifactId>
    <version>5.5.13.2</version>
</dependency>

There other way to do that by :

Converting a div to PDF using jsPDF, the question was already asked here

From @ilyes you can use jsPDF as:

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#cmd').click(function () {
    doc.fromHTML($('#divtoBepdf').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample-file.pdf');
});

Converting a div to image(Canva), take a look at this question, this one, and this one.

There other way to do that ...

Converting Text to Image with another Image in Java Springboot

1 Answers1