-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Image component fails to render certain images, whereas the regular <img /> tag does render them #2651
Comments
Duplicate of #2639 |
I suppose if an image has geolocation metadata attached jay-peg fails to parse it. opened the related issue diegomura/jay-peg#4 |
as a workaround upd: still facing issues. next workaround - convert jpeg into png |
I am also facing this issue with any JPEG image in Safari under Mac OS X. Would be happy to see a fix soon, thank you!
is unfortunately not working for me and does even break more of the logic. I might also need to convert pictures to png, would be a nice feature for my image service to support, though is not so easy to implement as it does sound. |
Add this "resolutions": { Will fix a lot of issues for everyone. |
@diegomura Still facing this weird issue with the latest version 3.4.2. Its happening for a long time so would you mind taking a quick look into it? |
I am also facing the same issue on version 3.4.4. did you find any solution |
yes, I encounted the same problem in version 2.5.0, I replaced Image component with normal img tag, it works! |
Describe the bug
We are encountering an issue with rendering images in our PDF documents. Specifically,
certain images
are consistently missing from the rendered PDF output, while others render perfectly without any problems. We have attempted to render the images using both theBuffer and valid image URL
approaches as outlined in the documentation, but neither method has resolved the issue. Upon attempting to render the images, I saw that it takes up a certain area in the PDF space, but it does not actually render that image. This behaviour is consistent across multiple attempts.To debug the issue, I pasted the
Base64
containing the image into a React playground using aregular <img /> tag
, and it appeared and functioned correctly. However, when I pasted thesame Base64
into the react-pdf playground https://react-pdf.org/repl, the imagefailed to appear
. It's worth noting that the image size is only3MB
, and there areno CORS
issues to account for. Despite these observations, the image still does not render within the react-pdf playground.Here I am attaching screenshot for your reference.
To Reproduce
To identify the issue, simply paste the Base64 from here https://drive.google.com/file/d/1lwIPXb7rIlQSB6Fqf-CbZ8DF7T7Wq45Z/view?usp=sharing within a regular
<img /> tag
in any React playground. Additionally, paste thesame Base64
in the https://react-pdf.org/replreact-pdf playground
using the custom<Image /> component
from the library. This will allow you to easily visualize the problem.Desktop (please complete the following information):
MacOS 13.0
chrome
3.3.8
The text was updated successfully, but these errors were encountered: