Problem putting image into footer about jsreport HOT 3 CLOSED

Perhaps useful, when you enter svg data instead of a ref to an image like: <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> </svg> it will work. I know an svg is not a bitmap but in some cases it might be an option.

from jsreport.

Header is printed to pdf in a synchronous way. This mean any async request like getting image will not finish in time. This is current limitation of phantom.js

Solution:
Add the same image to template content and hide it with style display:none. Then you can add it to the header and it will show up because it is already cached and no asynchronous request is needed. This is required to do for both image referenced with url as well for Data URI scheme base64 image.

from jsreport.

Added documentation for this into http://jsreport.net/learn/phantom-pdf

from jsreport.