fo:instream-foreign-object does not show the image properly

Question

I use the below code to show a PNG image in PDF. I use <fo:instream-foreign-object> because <fo:external-graphic> does not fulfil my requirement to show a image. Refer to issue external graphic

<fo:instream-foreign-object width="50%" content-width="scale-to-fit">
   <svg> 
       <image height="439px" width="1037px" xlink:href="test.png"/>
   </svg>
</fo:instream-foreign-object>

With the above use, I am not able to get the picture in the document. The image is not properly placed in the page and the text in the next paragraph is overlay on top of it. Please suggest how to achieve it.

The namespace for svg is missing (`xmlns="http://www.w3.org/2000/svg"`). — potame, Jun 06 '16 at 13:37
@potame I have added the namespace for svg in the start of the template. — Dhinesh M, Jun 07 '16 at 07:04
@TonyGraham. No I cannot do that due to security issues :( . The text from the next paragraph is over the image — Dhinesh M, Jun 07 '16 at 10:12

score 0 · Answer 1 · answered Apr 25 '18 at 11:44

With what you show, AH Formatter will use the whole page for the fo:block containing the image and put the next paragraph on the next page.

Adding width, height, and viewbox attributes to the svg element lets AH Formatter, at least, size the image properly:

<fo:instream-foreign-object width="50%" content-width="scale-to-fit">
    <svg xmlns="http://www.w3.org/2000/svg" width="1037" height="439"
        viewBox="0 0 1037 439">
        <image height="439px" width="1037px" xlink:href="test.png"
            xmlns:xlink="http://www.w3.org/1999/xlink" />
    </svg>
</fo:instream-foreign-object>

It may be enough to let FOP use the correct height for the image.

fo:instream-foreign-object does not show the image properly

1 Answers1

Linked