image-occlusion-in-browser VS FileSaver.js

I'm not certain but I remember seeing a project on github that allows you to do image occlusion on the browser, can't confirm if it works but here it is: https://github.com/krmanik/image-occlusion-in-browser

Source Image Occlusion in Browser version 3

I have used pyodide to run python in browser with genanki to create Anki image occlusion deck in browser. But it take long time to load and also not supported on some devices.

https://github.com/infinyte7/image-occlusion-in-browser#tutorials--features

var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http.post('http://localhost/a2/pdf.php', reportPost, { headers: headers }) .retry(3) // .map( (res:any) => res.blob() ) // errors out .subscribe( (dataReceived:any) => { var blob = new Blob([dataReceived._body], {type: 'application/pdf'}); saveAs(blob, "Report.pdf"); }, (err:any) => this.logError(err), () => console.log('Complete') ); ps. the saveAs function comes from here: https://github.com/eligrey/FileSaver.js

You could check out this library to see how it’s done or just use the library itself: Blog on FileSaver.js

As a result, I had to go to the github page for FileSaver.js (https://github.com/eligrey/FileSaver.js), copy the “FileSaver.js” file in the “dist” folder and paste it into a new file in the same directory as my code. The FileSaver.js is then imported using a “script src=” tag on line 6, as seen below

Goto link https://github.com/eligrey/FileSaver.js After opening the link, go to the dist. folder and download FileSaver.js file

By following some post :get_URL().createObjectURL error I was able understand that:

The code of the component function is below. I've tried different alternatives, the blob way should be the way to go as far as I understood, but there is no function createObjectURL in URL. I can't even find the definition of URL in window, but apparently it exists. If I use the FileSaver.js module I get the same error. So I guess this is something that changed recently or is not yet implemented. How can I trigger the file save in A2?

I tested a file-saver.js, but it can only save, not load files, and it can't save in the background, it has to prompt the user to save the file somewhere.

If it's a relatively small amount of data (like 100mb or less), try https://github.com/eligrey/FileSaver.js it handles all the edge cases nicely.