Old style floorplan: code below overlaid base png file (Ground.png) with another semi-transparent png file (1_doorway_nolights.png) to show light on or just a default 1 pixel png file if entity state is off
elements: - image: /local/Lovelace/floorplan/Ground.png?v=1 style: left: 50% pointer-events: none top: 50% width: 100% type: image - entity: light.doorway_2 title: Doorway No Light Overlay tap_action: action: none hold_action: action: none image: /local/Lovelace/overlay/1x1_trans.png?v=1 state_image: 'off': /local/Lovelace/overlay/1_doorway_nolights.png?v=1 style: left: 50% top: 50% width: 100% opacity: 1 type: image
Now usng svg with these images as layers instead, so layer called Ground (just one object image in it called GroundPic) and layer called 1_doorway_nolights (just one object image called 1_doorway_nolightsPic). Identical images to previous png versions. How do i code the references to these layers (or just the pics) to overlay the same way as I did with the png code?
If I can understand this, I think I can really get going with ha-floorplan. The examples do not seem to deal with multiple layers in svg files. It may be I need to use just the image objects but I still need to understand the code required.