Converting svgs to png, blobUrls

[simonhackler]

I have a list of svgs in a grid that I want to convert to a png. When calling snapdom the text from the svgs converts fine but the images don't show up. The image links were create with createObjectUrl. When converting them to dataUrls it also does not work. Is this supposed to work with svgs?

[tinchox5]

It is possible that images even are render in browser have issues with CORS. In this case you beed to use useProxy and put a proxy to avoid the problem. Check your dev console, snapDOM informs if there if a problem with images

[simonhackler]

There aren't any warnings and I don't think it should be a CORS issue since the files are local files loaded via createObjectUrl.

[SameerSenapati17]

It can work with SVGs, but there’s a gotcha with the setup you described — especially if the SVGs contain tags that point to blobs (via URL.createObjectURL) or other external image sources.

[simonhackler]

So it doesn't work with createObjectUrl?

[SameerSenapati17]

Right — not in the way you’re expecting.

URL.createObjectURL() does work for displaying images in the browser, but when you try to export the SVG to PNG (via snapdom, html2canvas, .toDataURL(), etc.), the blob URL doesn’t survive the serialization step.

[tinchox5]

I managed to solve #169 to handle images with blob, that may help you. I didn't release yet because I'm focused on fix some regression related with capture speed and this patch make the things worse.

[simonhackler]

Awesome! I will just wait for the new release then to switch from html-to-image to snapdom