java - 嵌入式图像在 Flying Saucer 中的 pdf 页面之间被破坏

Question

我对图像有一些问题(所有图像都作为 base64 字符串嵌入到 html 中)。 我使用 CSS

img {page-break-inside: avoid;}

它有帮助，但并非总是如此。 在某些情况下，可以正确处理相同的图像，而在其他情况下，可以在页面之间划分。

这取决于很多因素，例如:

• 图像被指定为 block 元素
• 以前的图像是或不是 block 元素
• 分割前有大图

我还注意到，如果问题至少出现一次，那么当文档末尾的所有图像不适合页面时，它们可能会被破坏。

我将这种方法与 RepleacedElementFactory 一起用于嵌入图像: http://www.intelligrape.com/blog/using-data-urls-for-embedding-images-in-flying-saucer-generated-pdfs/

唯一的区别是我稍微改变了尺寸

public ReplacedElement createReplacedElement(LayoutContext c, BlockBox box, UserAgentCallback uac, int cssWidth, int cssHeight) {
 Element e = box.getElement();
 if (e == null) {
     return null;
 }
 String nodeName = e.getNodeName();
 if (nodeName.equals("img")) {
     String attribute = e.getAttribute("src");
     FSImage fsImage;
     try {
         fsImage = buildImage(attribute, uac, cssWidth, cssHeight);
     } catch (BadElementException e1) {
         fsImage = null;
     } catch (IOException e1) {
         fsImage = null;
     }
     if (fsImage != null) {
         if(cssWidth == -1 && cssHeight == -1)
         {
            int factor = _sharedContext.getDotsPerPixel();
            int width = fsImage.getWidth();
            int fWidth =  width * factor;
            fsImage.scale(fWidth, -1);
         }
         if(cssWidth == -1 || cssHeight == -1)
         {
            fsImage.scale(cssWidth, cssHeight);
         }
         return new ITextImageElement(fsImage);
     }
 }
 return null;

区别在于我添加了这个 block :

if(cssWidth == -1 && cssHeight == -1)
         {
            int factor = _sharedContext.getDotsPerPixel();
            int width = fsImage.getWidth();
            int fWidth =  width * factor;
            fsImage.scale(fWidth, -1);
         }

如果 css 没有给出，则给出适当的大小。没有它，我会遇到所有图像都非常细小的问题。

我想计算图片的实际大小(高度)有一些问题，但我真的不知道我还能更改什么以保证图片永远不会在页面之间中断。

请帮忙。

Answer 1

page-break-inside 仅适用于 block-level elements但是 img 是一个内联 block 元素。尝试使用 img {display: block; page-break-inside: avoid; 看看它是否有效。