From 2c1c72ee9ca2ee7c5bf69ff0f34be863a5f4d48b Mon Sep 17 00:00:00 2001 From: Spaction <33352702+Spaction@users.noreply.github.com> Date: Fri, 2 Nov 2018 16:41:49 -0400 Subject: [PATCH 1/4] Update leaflet-image.js --- leaflet-image.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/leaflet-image.js b/leaflet-image.js index 030a2c4..eacdd47 100644 --- a/leaflet-image.js +++ b/leaflet-image.js @@ -35,8 +35,14 @@ module.exports = function leafletImage(map, callback) { if (map._pathRoot) { layerQueue.defer(handlePathRoot, map._pathRoot); } else if (map._panes) { - var firstCanvas = map._panes.overlayPane.getElementsByTagName('canvas').item(0); - if (firstCanvas) { layerQueue.defer(handlePathRoot, firstCanvas); } + + var canvases = map._panes.overlayPane.getElementsByTagName('canvas'); + if (canvases){ + for(var i = 0;i Date: Fri, 2 Nov 2018 16:44:13 -0400 Subject: [PATCH 2/4] Update leaflet-image.js From caedfb35be5270cf27e89dc7eef9e57f86213982 Mon Sep 17 00:00:00 2001 From: Spaction <33352702+Spaction@users.noreply.github.com> Date: Fri, 2 Nov 2018 16:44:46 -0400 Subject: [PATCH 3/4] Update leaflet-image.js From 202fca7d935d3d995eb3a511137789c3d1b1e64a Mon Sep 17 00:00:00 2001 From: Spaction <33352702+Spaction@users.noreply.github.com> Date: Thu, 8 Nov 2018 13:41:20 -0500 Subject: [PATCH 4/4] Opacity from existing Canvas's copied to image Copy Opacity from existing layer if done by CSS Style. --- leaflet-image.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/leaflet-image.js b/leaflet-image.js index eacdd47..ce43b21 100644 --- a/leaflet-image.js +++ b/leaflet-image.js @@ -190,9 +190,14 @@ module.exports = function leafletImage(map, callback) { canvas.width = dimensions.x; canvas.height = dimensions.y; var ctx = canvas.getContext('2d'); + var opacity = root.style.opacity?root.style.opacity:1; var pos = L.DomUtil.getPosition(root).subtract(bounds.min).add(origin); try { + if(opacity!=1) + ctx.globalAlpha = opacity; ctx.drawImage(root, pos.x, pos.y, canvas.width - (pos.x * 2), canvas.height - (pos.y * 2)); + if(opacity!=1) + ctx.globalAlpha = 1; callback(null, { canvas: canvas });