Skip to main content
Skip table of contents

How to draw lines on an image?

I am trying to draw lines on image that needs to be added to a document, just like we draw graphics on paint event of any control. How is this done?

Posted on StackOverflow on Apr 10, 2015 by Harsh Kumar Singhi

Please take a look at the WatermarkedImages4 example. It is based on the WatermarkedImages1 example. The only difference between the two examples is that we add text in the example written in answer to How to add text to an image? whereas we add lines in the example written in answer to your question.

We add images like this:

document.add(getWatermarkedImage(cb, Image.getInstance(IMAGE1)));

The getWatermarkedImage() method looks like this:

public Image getWatermarkedImage(PdfContentByte cb, Image img) throws DocumentException {
    float width = img.getScaledWidth();
    float height = img.getScaledHeight();
    PdfTemplate template = cb.createTemplate(width, height);
    template.addImage(img, width, 0, 0, height, 0, 0);
    template.moveTo(width * .25f, height * .25f);
    template.lineTo(width * .75f, height * .75f);
    template.moveTo(width * .25f, height * .75f);
    template.lineTo(width * .25f, height * .25f);
    template.ellipse(0, 0, width, height);
    return Image.getInstance(template);

As you can see, I add two green lines using moveTo(), lineTo() and stroke(). I also add a white ellipse using the ellipse() and stroke() method.

This results in a PDF that looks like this:

Screen shots showing lines added to images in a PDF file

Screen shots showing lines added to images in a PDF file

As you can see, the shape of the ellipse and the position of the lines are different for the different images because I defined my coordinates based on the width and the height of the image.

Click this link if you want to see how to answer this question in iText 7.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.