Do you have an issue with a specific file(s)? No
Can you reproduce using one of our samples or online demos? Yes
Are you using the WebViewer server? No
Does the issue only happen on certain browsers? No
Is your issue related to a front-end framework? No
Is your issue related to annotations? No
Please give a brief summary of your issue:
Loading TIFF in WebViewer is not rendering in correct dimensions
Please describe your issue and provide steps to reproduce it:
I noticed when WebViewer loads an image, it does not actually render in its correct dimensions on canvas. You can see this when you set the zoom on 100% and inspect the canvas html element. I read in an old post somewhere here the workaround to this is to provide the image’s width and height as loadOptions during instance.UI.loadDocument();
It works on common image types like JPG or PNG. However, it does not seem to work for TIFF files. Whether I provide the width x height as load parameters or not, it renders on canvas some bit smaller than its supposed to be.
Please provide a link to a minimal sample where the issue is reproducible:
Sample angular project with test files: webviewer-angular-sample-tiff.zip - Google Drive Note: do npm i --legacy-peer-deps when restoring the project’s dependencies
Simply comment/uncomment the appropriate lines to try the appropriate files
Hello, I’m AiRon, an automated tech support bot While you wait for one of our customer support representatives, I can help you with your question.
It seems like you’re experiencing an issue with rendering TIFF files in WebViewer where the dimensions are not accurate, even when using the loadOptions parameter. This might be due to how TIFF files are handled differently compared to other image formats like JPG or PNG.
Some things you can try:
Ensure that the TIFF file is not compressed or using a format that is not fully supported by WebViewer.
Check if the TIFF file has any special tags or metadata that might affect its rendering dimensions.
Consider using the PDFNet library to preprocess the TIFF file to ensure it’s in a format that WebViewer can handle accurately.
Try converting the TIFF file to a PDF or another supported format using PDFNet before loading it into WebViewer.
Here are some resources that might help you:
WebViewer Overview - Understand the capabilities of WebViewer, including supported file types.
TIFF File Handling - Learn more about how TIFF files are handled and any specific requirements.
File Conversion Guide - Instructions on converting files to ensure compatibility with WebViewer.
The TIFF DPI is 96, and PDF DPI is 72, hence 1920/96*72=1440.
If the above information doesn’t answer your question then please elaborate on why having canvas resolution 100% resulting in canvas the same size as the image?
The included alpine-g798a3033f_1920.jpg in the sample project is also 96 DPI. Since WebViewer rendered the JPG in 1920 on 100%, I was expecting it should be able to do the same for the TIFF file
Thank you for the clarifications, though I have a few clarifying questions.
Which output do you expect (and why)?
Why is having the same canvas size, at 100% zoom, important for your users?
How does the current behaviour affect your users currently?
