32
11
I have a webpage which is entirely vector-based (text, icon fonts, SVGs, but no PNGs, JPEGs, or GIFs).
Is there any way to take a vector screenshot of that webpage and save it as a fully-scalable SVG file?
(so that I can take the screenshot on a normal PC and have it look good on retina)
This ought to be possible, but I can't find anything that will do it.
Extra credit: If it has a few bitmap images, I want an SVG with embedded bitmaps.
I had the same question and this helped (might need some post-work in Illustrator to go from PDF to SVG): https://stackoverflow.com/questions/9540990/using-chromes-element-inspector-in-print-preview-mode/
– MicroMachine – 2018-05-17T20:01:29.387There is library, which implements a canvas based on svg - https://github.com/gliffy/canvas2svg , which can be used together (use "canvas" option) with https://html2canvas.hertzen.com .
– 4esn0k – 2019-10-27T13:28:14.370It looks like http://html2canvas.hertzen.com/ might help here.
– SLaks – 2013-04-08T19:36:38.8931is the .html file in question not actually what you want? – Sparr – 2013-04-08T19:37:51.223
@Sparr: No; I want to manipulate the SVG in an editor (eg, crop it, add a banner), then put it in an
<img>
. (for the help / tour page of a web app) – SLaks – 2013-04-08T19:39:05.343How would PNG or JPEG files be converted to SVG? – HairOfTheDog – 2013-04-08T20:02:50.633
@HairOfTheDog: They would become embedded bitmaps. (that's what I meant by the last line in my answer) – SLaks – 2013-04-08T20:06:33.890
If you are not opposed to working with Linux, take a look at this
– Darius – 2013-04-08T20:07:36.193@Darius: Are you aware of any GTK-based browsers? – SLaks – 2013-04-08T20:30:19.453
@SLaks Midori?
– Darius – 2013-04-08T21:52:51.8637This is an amazing usefull idea. Especially for UI designers who have to work on existing websites evolutions. I will pay for a tool that features SVG exports because I hate to work on mockups with bitmaps softwares, this is a total nonsense. – smonff – 2013-04-13T14:47:31.100
If you can, copy the svg code from the html file source code and save it in a file with an svg extension. Then you can edit in Inkscape or Illustrator. But it seems u would have already thought of that. Am I missing something? – dgo – 2013-04-15T01:19:12.643
@user1167442: You're misunderstanding the question. I want to convert the HTML of the entire page into SVG. – SLaks – 2013-04-15T23:37:30.020
@Slaks. Right, I figured it out after I asked. This looks like a solution though: http://html2canvas.hertzen.com/
– dgo – 2013-04-16T18:07:07.133