The extension doesn't work properly
ricknjacky opened this issue · comments
Could you check if there are any errors in the console? Menu > More tools > Developer Tools > Console
It is likely that you are running into an error that has been fixed in the latest version, which is still in review by the Chrome web store.
You could also try installing v0.0.2 directly and see if that fixes it for you: https://github.com/felixfbecker/svg-screenshots/releases/download/v0.0.2/svg-screenshots-chrome.zip
See here how to load it into Chrome without the store: https://developer.chrome.com/extensions/getstarted#manifest:~:text=Open%20the%20Extension%20Management%20page%20by,button%20and%20select%20the%20extension%20directory.
Thanks a ton for the help @felixfbecker :)) The V0.0.2 Works!
But doesn't for the project I'm working on specifically can you tell me a better way or an alternative?
Not without being able to inspect that page. What URL is that?
https://musicblocks.sugarlabs.org/
It is a music learning website
You have to add widgets and then the pop-up is generated on click..
Okay, I inspected that and the page is drawing the UI on a <canvas>
. I could implement inlining that as an image into the SVG, but the thing is that <canvas>
is inherently a raster image, not a scalable vector graphic (SVG). This means you wouldn't get any benefit from generating a screenshot in SVG of this compared to a normal PNG screenshot (which is also a raster image). Does that make sense?
I get it, but I am doing this to replace the deprecated svg files, like the previous ones were in svg and just some of them need replacement, so to maintain the files the way they were, is why I want to capture svg of the pop up i.e pitch drum.
It's possible to capture the pitch drum as a svg file though, right?
How do I trigger the popup to show what is shown in your GIF?
@felixfbecker Is it possible to capture the block?
Yeah it should be possible since that is not part of the <canvas>
. I tested it and fixed an issue that occured there - this version should work for you: https://github.com/felixfbecker/svg-screenshots/suites/1485186742/artifacts/25747222
Solves the problem to a great extent :) thanks a lot @felixfbecker ...waiting for further updates until then :))
FYI the new version (v0.0.2) that works for google.com is now approved and in the Store. I just submitted v0.0.3 for review which works for the music board website.