Comments (2)
When the applyImageFit option is enabled, the SurveyJS PDF library uses an HTMLCanvasElement element to render images, apply the desired image fit and produce the resultant PDF image element. However, it appears that Safari is unable to properly handle it. As a result, images may not be available on the first PDF export call. For instance, here are similar issues:
Image is often missing on first render on Safari iOS
SVG to PNG not render images in Safari browser
In the meantime, it is possible to solve this issue by disabling the applyImageFit option.
from survey-pdf.
I've tried
When the applyImageFit option is enabled, the SurveyJS PDF library uses an HTMLCanvasElement element to render images, apply the desired image fit and produce the resultant PDF image element. However, it appears that Safari is unable to properly handle it. As a result, images may not be available on the first PDF export call. For instance, here are similar issues:
Image is often missing on first render on Safari iOS SVG to PNG not render images in Safari browser
In the meantime, it is possible to solve this issue by disabling the applyImageFit option.
I've tried your suggestion, but it is still not working
from survey-pdf.
Related Issues (20)
- A colon appears in the next line for single-line input fields which is placed within a row HOT 1
- Cannot create property 'objectFit' on string 'XXX.jpg' when overriding File Question rendering using the onRenderQuestion event HOT 1
- Merge/Concatenate Multiple Forms into one PDF document HOT 1
- The 'Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'render')' exception is thrown when running custom PDF brick rendering using the TextFieldBrick HOT 1
- An image preview doesn't appear when a File Upload is nested within a Dynamic Panel
- Render smilies in the rating question
- [Node.js] File Upload - The image overlaps subsequent form fields
- PDF Generator properties are visible in Survey Creator if both the libraries are included within a web page
- license key activation HOT 1
- PDF Generator on Node.js doesn't thrown an exception to a console when using a URL as imageLink HOT 1
- File Upload - File Upload links appear messy HOT 1
- Date Input Fields lost their display format after exporting to PDF
- Align cell content within matrix cells
- Using <br><br> in an element of type html crashes the PDF generation HOT 1
- Right single quotation mark, U+2019 ( ’ ) causes garbage HOT 1
- Long Text questions render incorrectly when they are split between two pages HOT 1
- An exception is thrown on an attempt to export a Single-Select Matrix question with `showInMultipleColumns` enabled and column totals specified HOT 4
- `applyImageFit: true` affects the size of the header and footer images rendered using the `onRenderHeader` and `onRenderFooter` functions
- Table-wise output for matrices
- Split the large Comment text in pages and render a border around each piece of text
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from survey-pdf.