#Rotate 180 degree

1 messages · Page 1 of 1 (latest)

silent tree
#

Well i added my stream from my printer thing is its not rotated cause i use the direkt link to the stream.
is there a way to ratet it via the dashboard or via the link?

#

its the green Mainsail window on the right.

dire forge
#

I use custom:button-card to display an image and then its styles: option to apply CSS filters to scale and rotate the image it displays. But from the docs, it seems like this card can also show camera streams. See if this can serve your purposes?
https://github.com/custom-cards/button-card?tab=readme-ov-file#main-options

GitHub

❇️ Lovelace button-card for home assistant. Contribute to custom-cards/button-card development by creating an account on GitHub.

#

Sample yaml:

type: custom:button-card
entity: image.roborock_s7
show_entity_picture: true
...
styles:
  icon:
    - height: 600px
    - width: 350px
    - rotate: 90deg
    - clip-path: inset(120px 80px 60px 70px)
    - margin-top: "-10px"
    - margin-left: 60px
ivory schooner
#

I use the WebRTC Camera card to show my 3d printer's camera stream (with a Markdown card on the side). Normally it looks like this:

#

I have some card_mod added to the WebRTC Camera card. Adding the line transform: rotate(90deg) gives me a rotated image. ```yaml
card_mod:
style: |
ha-card {
color: black !important;
background: none !important;
width: 100% !important;
transform: rotate(90deg)
}

silent tree
#

ooh thank you guys very much

silent tree