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

Fix IE compatibility. Add opacity handling.

Browse Source 
querySelectorAll().forEach() isn't supported by IE.
Add opacity to the vector layer and handle it in the output.
This commit is contained in:
mike-000
2020-02-13 18:13:07 +00:00
committed by GitHub
parent f302b5883e
commit 0b893f11d3
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
examples/export-pdf.js
View File

@@ -18,7 +18,8 @@ feature.getGeometry().transform('EPSG:4326', 'EPSG:3857');
const vector = new VectorLayer({ const vector = new VectorLayer({
source: new VectorSource({ source: new VectorSource({
features: [feature] features: [feature]
}) }),
opacity: 0.5
}); });
@@ -62,8 +63,10 @@ exportButton.addEventListener('click', function() {
mapCanvas.width = width; mapCanvas.width = width;
mapCanvas.height = height; mapCanvas.height = height;
const mapContext = mapCanvas.getContext('2d'); const mapContext = mapCanvas.getContext('2d');
document.querySelectorAll('.ol-layer canvas').forEach(function(canvas) { Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
if (canvas.width > 0) { if (canvas.width > 0) {
const opacity = canvas.parentNode.style.opacity;
mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
const transform = canvas.style.transform; const transform = canvas.style.transform;
// Get the transform parameters from the style's transform matrix // Get the transform parameters from the style's transform matrix
const matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number); const matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);