ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #13947 from mike-000/exports

Browse Source 
Fixes to export examples
This commit is contained in:
Andreas Hocevar
2022-08-08 14:39:48 +02:00
committed by GitHub
parent 14d1ac0c7a 94caeeab12
commit 3ce1b885c1
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
examples/export-map.js
View File

@@ -64,13 +64,6 @@ document.getElementById('export-png').addEventListener('click', function () {
const opacity = const opacity =
canvas.parentNode.style.opacity || canvas.style.opacity; canvas.parentNode.style.opacity || canvas.style.opacity;
mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity); mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
const backgroundColor = canvas.parentNode.style.backgroundColor;
if (backgroundColor) {
mapContext.fillStyle = backgroundColor;
mapContext.fillRect(0, 0, canvas.width, canvas.height);
}
let matrix; let matrix;
const transform = canvas.style.transform; const transform = canvas.style.transform;
if (transform) { if (transform) {
@@ -94,11 +87,17 @@ document.getElementById('export-png').addEventListener('click', function () {
mapContext, mapContext,
matrix matrix
); );
const backgroundColor = canvas.parentNode.style.backgroundColor;
if (backgroundColor) {
mapContext.fillStyle = backgroundColor;
mapContext.fillRect(0, 0, canvas.width, canvas.height);
}
mapContext.drawImage(canvas, 0, 0); mapContext.drawImage(canvas, 0, 0);
} }
} }
); );
mapContext.globalAlpha = 1; mapContext.globalAlpha = 1;
mapContext.setTransform(1, 0, 0, 1, 0, 0);
const link = document.getElementById('image-download'); const link = document.getElementById('image-download');
link.href = mapCanvas.toDataURL(); link.href = mapCanvas.toDataURL();
link.click(); link.click();

1
examples/export-pdf.js
View File

@@ -84,6 +84,7 @@ exportButton.addEventListener(
} }
); );
mapContext.globalAlpha = 1; mapContext.globalAlpha = 1;
mapContext.setTransform(1, 0, 0, 1, 0, 0);
const pdf = new jspdf.jsPDF('landscape', undefined, format); const pdf = new jspdf.jsPDF('landscape', undefined, format);
pdf.addImage( pdf.addImage(
mapCanvas.toDataURL('image/jpeg'), mapCanvas.toDataURL('image/jpeg'),