当前位置: 首页 > 面试题库 >

如何在图像上添加文字?

仉运乾
2023-03-14
问题内容

在我的项目中,我使用iText生成PDF文档。

假设页面的高度为500pt(1个用户单位= 1点),并且我在页面上写了一些文本,然后是图像。

如果内容和图像要求小于450pt,则文本在图像之前。如果内容和图像超过450pt,则文本将转发到下一页。

我的问题是:在写图像之前如何获得剩余的可用空间?


问题答案:

首先,第一件事:在页面上添加文本和图像时,iText有时会更改文本内容和图像的顺序。您可以使用以下方法避免这种情况:

writer.setStrictImageSequence(true);

如果您想知道“光标”的当前位置,可以使用方法getVerticalPosition()。不幸的是,此方法不是很优雅:它需要一个布尔参数,该参数将添加换行符(if
true)或为您提供当前行的位置(if false)。

我不明白为什么要获得垂直位置。是否是因为您想要标题后跟图片,并且想要标题和图片位于同一页面上?

在这种情况下,您可以将文本和图像放在表格单元格中,并指示iText不要拆分行。在这种情况下,如果内容不适合当前页面,则iText将以正确的顺序将文本和图像转发到下一页。

更新:

根据注释中添加的额外信息,现在很明显,OP希望添加带有水印的图像。

有两种方法可以实现此目的,具体取决于实际需求。

方法1:

第一种方法在WatermarkedImages1示例中进行了说明。在此示例中,我们创建一个,PdfTemplate向其中添加图像以及在该图像上方写入的一些文本。然后,我们可以将其包装PdfTemplate在图像中,并使用一条document.add()语句将该图像及其水印添加在一起。

这是执行所有魔术的方法:

public Image getWatermarkedImage(PdfContentByte cb, Image img, String watermark) 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);
    ColumnText.showTextAligned(template, Element.ALIGN_CENTER,
            new Phrase(watermark, FONT), width / 2, height / 2, 30);
    return Image.getInstance(template);
}

这是我们添加图像的方式:

PdfContentByte cb = writer.getDirectContentUnder();
document.add(getWatermarkedImage(cb, Image.getInstance(IMAGE1), "Bruno"));
document.add(getWatermarkedImage(cb, Image.getInstance(IMAGE2), "Dog"));
document.add(getWatermarkedImage(cb, Image.getInstance(IMAGE3), "Fox"));
Image img = Image.getInstance(IMAGE4);
img.scaleToFit(400, 700);
document.add(getWatermarkedImage(cb, img, "Bruno and Ingeborg"));

如您所见,我们有一幅非常大的图像(我和我妻子的照片)。我们需要缩放此图像以使其适合页面。如果要避免这种情况,请看第二种方法。

方法二:

第二种方法在WatermarkedImages2示例中进行了说明。在这种情况下,我们将每个图像添加到中PdfPCell。这PdfPCell将缩放图像,使其适合页面的宽度。要添加水印,我们使用单元事件:

class WatermarkedCell implements PdfPCellEvent {
    String watermark;

    public WatermarkedCell(String watermark) {
        this.watermark = watermark;
    }

    public void cellLayout(PdfPCell cell, Rectangle position,
        PdfContentByte[] canvases) {
        PdfContentByte canvas = canvases[PdfPTable.TEXTCANVAS];
        ColumnText.showTextAligned(canvas, Element.ALIGN_CENTER,
            new Phrase(watermark, FONT),
            (position.getLeft() + position.getRight()) / 2,
            (position.getBottom() + position.getTop()) / 2, 30);
    }
}

该单元事件可以这样使用:

PdfPCell cell;
cell = new PdfPCell(Image.getInstance(IMAGE1), true);
cell.setCellEvent(new WatermarkedCell("Bruno"));
table.addCell(cell);
cell = new PdfPCell(Image.getInstance(IMAGE2), true);
cell.setCellEvent(new WatermarkedCell("Dog"));
table.addCell(cell);
cell = new PdfPCell(Image.getInstance(IMAGE3), true);
cell.setCellEvent(new WatermarkedCell("Fox"));
table.addCell(cell);
cell = new PdfPCell(Image.getInstance(IMAGE4), true);
cell.setCellEvent(new WatermarkedCell("Bruno and Ingeborg"));
table.addCell(cell);

如果所有图像的大小或多或少都相同,并且您不想担心页面上的图像不适合,则可以使用这种方法。

考虑:

显然,由于进行了设计选择,因此两种方法都具有不同的结果。请比较生成的PDF以查看不同之处:watermark_template.pdf与watermark_table.pdf



 类似资料:
  • 问题内容: 我正在尝试使用HTML中的新canvas元素。 我只是想将图像添加到画布,但是由于某种原因它不起作用。 我有以下代码: 的HTML 的CSS JS 图片存在,并且没有JavaScript错误。该图像只是不显示。 这一定是我错过的非常简单的事情… 问题答案: 也许您应该等到图像加载后才能绘制图像。尝试以下方法: 即在图像的onload回调中绘制图像。

  • 最近我加入了GitHub。我在那里主持了一些项目。 我需要在自述文件中包含一些图像。我不知道怎么做。 我搜索了一下,但我得到的只是一些链接,告诉我“在web上托管图像并在readme.md文件中指定图像路径”。 有没有什么方法可以做到这一点,而不将图像托管在任何第三方web托管服务上?

  • 我想实现像下图这样的输出,请帮助我,我自己尝试过,但没有得到相同的输出。下面是我的代码: 想要这样的东西

  • 分析块映射时需要密钥。|66 |-图片| ^ |请更正pubspec。pubspec的yaml文件。yaml出口代码1

  • 问题内容: 我有一个加载图像的应用程序,当用户单击它时,会为此图像显示一个文本区域(使用jquery),用户可以在其中写一些图像。应该在图像上添加。 在对其进行了一些研究之后,我发现(Python Imaging Library)可以帮助我做到这一点。因此,我尝试了几个示例以了解其工作原理,并设法在图像上写了文字。但是我认为Python Shell在Web环境中使用和尝试时会有一些区别。我的意思是

  • 我是第一次开发颤振应用程序。。我在添加图像时遇到问题。我有以下问题: 在哪里创建图像文件夹? 在哪里添加资产标签pubspec.ymal? 这需要任何资产文件夹吗? 我所尝试的: 在pubspec内部。ymal: 完整文件: 错误日志: 我的主菜。dart代码: 我指的是这个教程https://flutter.io/tutorials/layout/ 此外,我想问,有没有在颤振清洁重建的工具,因为