I've asked the same questions but nobody answered.
I've seen other questions as well but all of them sugests a paid api or HTML2Canvas.
They are working methods but I don't want to pay for it and HTML2Canvas is not rendering all CSS.
See the difference :-
See [captured by chrome dev tools] :- chrome
See [captured by html2canvas] :- html2canvas
See [original captured by windows snipping tool] :- offline screenshot (see background blur and text color difference)
Is there any tested working method which can render all css and convert html to image with all blurs and color difference
Thank You in advance for Answering