felixfbecker / svg-screenshots

📸🧩 Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The extension doesn't work properly

ricknjacky opened this issue · comments

The extension selects the specified area, however it doesn't do anything after it, like download the required .svg file

The behavior:-

extension

ps:- If there are some additional steps to be done after the selection, I think it'd be better to mention it in the readme file and the extension page :)

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.

Could you check if there are any errors in the console?

yup, you were correct, here is the error:-

Screenshot (361)

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?

ezgif-6-9da31b0b0d58

I wish to capture the pop-up that reads pitch drum, can you please help me here? as the captured svg displays a blank page

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?

ezgif-2-42391e1be3c4

A laconic guide, after adding those blocks click on the drum mapper to generate the pop-up of that widget, hope this helps

@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.