I have a project that generated a svg representation of a tree and saves it as a svg.
I tryed to print the resulted svg file from the browser (any browser) but it prints only the upper left corner that fitts the screen. The rest is clipped.
I tryed embedding it on a html, I tryed giving fixed dimensions to the svg file, but the problem persists.
I searched this topic intensivley but no one seems to have this problem.
Thanks
Related
When trying to Print a website to PDF in Edge, the scaling option ( % size) don't respond. The same page and action works in Chrome.
Tried different webpages, updated to latest version, tried different print setting combinations.
I am facing this problem for a long time. I am generating the flipbook from the canvas using Fabricjs. I am changing the text content color and fonts on the fly. Everything is working fine but when I am trying to use google fonts so in that case text shows blurred and ugly.
Once the image is generated from JSON using canvas and converted the canvas to blob type of images and then I am converting HTML to flipbook.
Sample code Demo
<script async src="//jsfiddle.net/kantsverma/6yanokf1/5/embed/"></script>
Are you stretching the canvas. ie setting a canvas width of 500px then using css to make width 100%. this effectively renders at the lower resolution then stretches the final rendered image.
When loading a locally stored PDF file, a pink rectangular box is found around the images. These are not links but yet they are sorrounded by a pink rectangular window. when viewed through PREVIEW in mac this seems to be working absolutely fine.
I am generating a PDF using TCPDF and feeding the resulting base64 stream to pdf.js for printing. The display output appears as expected, but when I preview or print the document, some unexpected scaling takes place.
In TCPDF, I am importing an existing PDF and overlaying that with data that is generated on the fly. The imported PDF in the print output is being scaled to about 25% of the page while the dynamic data appears to be scaled properly.
Display output - http://i.stack.imgur.com/PPQPt.png
Print output - http://i.stack.imgur.com/Go1Wy.png
This happens in Safari and Chrome, but in Firefox the print output is rendered correctly.
Any advice on how to get Safari and Chrome to cooperate?
Last time I saw someone asks why Safari on iPad doesn't show some 1920x1440 jpeg with real size & I solved that puzzle. You have to use a progressive-encoded jpeg. However, I find another different problem.
Say, demo.jpg is a progressive-encoded jpeg with 2000x3000 & I upload it to my website. I then access it via url ...demo.jpg, Safari will show it with 2000x3000 size, perfect.
Now I make a most-simple html file named mypic.html. This html has only img tag with src=demo.jpg or src=demo.jpg width=2000 height=3000 inside body. Now I access it via url ...mypic.html. This time Safari show a very small icon of a question mark?
Does anybody know why the latter case fail?
The problem is about the memory available to Safari. The total amount of RAM is just 256MB, and Safari stops showing the image of much smaller size. You need to scale them down.