Save visual from Page.GetVisuals as image

[samira]

I am using the PowerBI JS API to get reports and visuals. So far using the function below gives the title of the visuals and the visuals in svg tags.

report.getPages() .then(function (pages) {

// Retrieve first page.

var firstPage = pages[0];

firstPage.getVisuals() 

 .then(function (visuals) {

console.log(visuals); }) })

I want to download each visual as an image and save them to my PC. 

Any one has a solution? 

I've tried many methods without success 

[jorge-gt3]

@samira, where you able to this? I need the same functionality, which is fairly simple if we could get the visual's HTML code. 

@v-jiascu-msft those are not feasible workarounds given that cross-domain iFame access is not permitted. But we could use the postMessage Communication Flow if there was an event that would return the HTML code of the visual instead of the current JSON response. 

[samira]

no I wasn't able to do it. 

[v-jiascu-msft]

Hi @samira,

This function just gives us a text list of all the visuals. Since the visuals aren't ordinary images, the workaround I can think of could be loading these viusals one by one and print them out. Please refer to 

1. using-html5-canvas-javascript-to-take-in-browser-screenshots/

2. https://stackoverflow.com/questions/9616426/javascript-print-iframe-contents-only/9616706

Best Regards,

Dale