Скачать или смотреть How to Correctly Add Colored Text and Fill a Rectangle in iText 7

Learn how to properly display `colored text` over a filled rectangle using iText 7. This guide breaks down the steps to ensure your text is visible and nicely formatted.
---
This video is based on the question https://stackoverflow.com/q/66443713/ asked by the user 'user1579878' ( https://stackoverflow.com/u/1579878/ ) and on the answer https://stackoverflow.com/a/66445280/ provided by the user 'mkl' ( https://stackoverflow.com/u/1729265/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: iText 7 Adding colored text and fill to a rectangle

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Correctly Add Colored Text and Fill a Rectangle in iText 7

When working with graphical elements in PDF documents using iText 7, you might encounter an issue where the text you want to display within a rectangle is hidden behind the rectangle itself. This can be frustrating, especially if you've gone through the efforts of adding colorful styling to your text. In this guide, we will address this common problem and provide you with a step-by-step guide to ensure your colored text appears prominently within a filled rectangle.

The Problem Explained

Imagine you need to add a rectangle to a PDF and place some text inside it. Instead of the text being displayed clearly on top of the rectangle, it appears behind it, rendering it invisible to the reader. You might even be able to select the text, but it remains unseen because the order of rendering is incorrect.

Sample Code Example

Here is the code snippet that represents the original approach:

[[See Video to Reveal this Text or Code Snippet]]

In this code, the Paragraph is added before the rectangle is filled, resulting in the text being obscured.

The Solution

To resolve this issue, we need to switch the order of the operations in our code. The rectangle should be filled before adding the text, ensuring that the text is drawn on top of the filled rectangle. Here's how to do it:

Revised Steps

Create the Rectangle
First, define the rectangle where you want the text to be visible.

Fill the Rectangle
Next, fill the rectangle with the desired color.

Add the Text on Top
Finally, add the text so it sits on top of the filled rectangle.

Updated Code Example

Here’s how the corrected code would look:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By simply reversing the order of operations—filling the rectangle before adding the text—you can ensure the text is visible as intended. This small yet crucial adjustment can make a significant difference in the presentation of your PDF documents.

When working with graphical elements in iText 7, keeping the rendering order in mind will help avoid similar issues and ensure that your documents are not only functional but also visually appealing. Happy coding!