Compass Sensor with offset, without rotating background image?

Configuration Frontend
1

Hey All,

I’m trying to set up a compass card with the image of my house in the center, to see the position of the sun at any given moment.

However, the image I have is not North aligned (rather West). The problem with this is that, if I apply any offset on the compass north element, then the image is also rotated, never achieving what I intend!

This is my code:

          - type: custom:compass-card
            indicator_sensors:
              - sensor: sun.sun
                attribute: azimuth
                indicator:
                  type: circle
                  color: orange
                  dynamic_style:
                    sensor: sun.sun
                    attribute: elevation
                    bands:
                      - from_value: 0
                        show: true
            value_sensors:
              - sensor: sun.sun
                attribute: elevation
                units: °
                decimals: 1
            compass:
              circle:
                background_image: /local/home.png
                background_opacity: 0.5
              north:
                show: true
                offset: 90 # or 0
              east:
                show: true

              west:
                show: true
              south:
                show: true

And what I get is either image or image.

When what I’d want is the background image as on the latter, but the cardinal points as on the former (and if they can be not tilted, that would be awesome also).

Any idea how to do this??

Thank you!

2

Answering myself right when I thought I would not be able to solve it without help :smile:

on the circle attribute, use offset_background: false :slight_smile:

Now I’d only be missing the How to not have the cardinal points tilted part… ideas?

3

Why not just rotate the image CCW 90 degrees in an image editing program and leave north as up on the compass?

4

Image rotated looks quite weird given the angle of the image… :slightly_frowning_face: