关于图片元素transform的问题

piajava

事情大概是这样子：homeassistant中有sun实体可以实时显示太阳方位角sensor.sun_solar_azimuth。我想通过旋转图片的形式在平面户型图模拟阳光角度的变换，询问GPT后有以下代码：

- type: state-icon
  entity: sensor.sun_solar_azimuth
  style:
    top: 50%
    left: 50%
    width: 100px
    height: 100px
    transform: rotate( {{ states.sensor.sun_solar_azimuth.state }}deg )

复制代码

可惜图标并没有旋转，改为 transform: rotate(90deg ) 后图标可旋转，初步认为是实体数值没有传递给transform；
使用Markdown卡片：

The current value of the sun's solar azimuth is {{ states('sensor.sun_solar_azimuth') }}.

复制代码

可以正确返回方位角117.45，故认为数值应该是没错的。

所以想请教各位大神该如何修改，

cjnt007

可能这卡片不支持 transform: rotate( {{ states.sensor.sun_solar_azimuth.state }}deg )这种方式吧，无法解析{{ states.sensor.sun_solar_azimuth.state }}

bugensui

应该是 transform值不支持函数，必须是明确值

piajava

bugensui 发表于 2024-2-20 15:08
应该是 transform值不支持函数，必须是明确值

在官方论坛找到这个帖子
https://community.home-assistant ... utton-card/148140/2

不过他用的state_attr('weather.home', 'wind_bearing')，找猫画虎改成states('sensor.sun_solar_azimuth')没用，想试着用state_attr函数，然而我只知道太阳方位角的实体id sensor.sun_solar_azimuth，却不知道怎么调用（试过state_attr('sun', 'azimuth')，无法解析）