fix: Download as image of dashboard chart did not work (#15897)

This commit is contained in:
Michael S. Molina 2021-07-26 16:36:45 -03:00 committed by GitHub
parent f6115a73d4
commit 7aeb15031d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 5 deletions

View File

@ -64,15 +64,23 @@ export default function downloadAsImage(
);
}
// Mapbox controls are loaded from different origin, causing CORS error
// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL#exceptions
const filter = (node: Element) => {
if (typeof node.className === 'string') {
return (
node.className !== 'mapboxgl-control-container' &&
!node.className.includes('ant-dropdown')
);
}
return true;
};
return domToImage
.toJpeg(elementToPrint, {
quality: 0.95,
bgcolor: GRAY_BACKGROUND_COLOR,
// Mapbox controls are loaded from different origin, causing CORS error
// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL#exceptions
filter: (node: Element) =>
node.className !== 'mapboxgl-control-container',
...domToImageOptions,
filter,
})
.then(dataUrl => {
const link = document.createElement('a');