API How to get Screenshots and use them in my HTML

[Martin456654]

Hello! I’m currently working with JSON data in my Vue page for my admin panel. I want to utilize screenshots from the JSON structure located at audits > image-alt > details > items, but I'm unsure how to access or generate these screenshots. Any guidance would be greatly appreciated!

[connorjclark]

the full page screenshot is atlhr.fullPageScreenshot.

some items in the report have a boundingRect property - you can use that to clip the lhr.fullPageScreenshot and highlight a specific element. You can see how we do it here. probably possible to reuse our code too. good luck.