网站首页 > 基础教程 正文
这里先按照floorplan的例子来说明一下怎样使用这个组件,首先要确认一下floorplan.js已经在resources里。
创建一张卡片取名为FLOORPLAN,或者你喜欢的任意名字,
加入这段例子中的代码,我们事先可以把下载的例子整个目录复制到树莓派服务器的目录下(/home/homeassistant/.homeassistant/www/floorplan)。这样我们就可以看到上图home.svg出现在屏幕中。
例子中的实例在我们的配置中是不存在的,没有关系,我们可以找一个自己配置中的实例开关来试一试,体会一下怎样学习例子的使用方法。
非常简单,把原来例子中的风扇更换成了我的吊灯实例,就可以在图片上控制吊灯的开关了。
这里只是简单地体会一下ha-floorplan这个组件的使用,我自己之前做的家庭实际图片还没有加上去。主要的原因是我在客厅用了the new iPad(非常古老的第二代iPad)作为中控面板,新的ha-floorplan的图片不能够在我的古老的iPad上显示,我只能考虑使用原始的floorplan组件,里面有旧的js可以支持以前的第二代iPad显示图片。
后面有时间试一试树莓派HA2021上使用旧的floorplan组件,HA2021具体配置与之前的HA0.114版本会有些变化,所以使用这些自由软件选择适合的版本就可以了,不需要使用最新的,一旦更新很多配置可能都需要重新了解如何设置。
猜你喜欢
- 2024-11-05 JavaScript Math(算数)对象 js math.pi
- 2024-11-05 JS排序算法:冒泡、选择、插入、归并、快速、希尔、堆、计数
- 2024-11-05 javascript+css3催眠水纹动画特效
- 2024-11-05 js洗牌函数 洗牌java代码
- 2024-11-05 「译」 iOS 7 之 HTML5 综合测评:亮点、缺点和槽点
- 2024-11-05 前端必读:如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件
- 2024-11-05 嵌套地狱_解决嵌套业务逻辑_使用Js的对象_避免数组嵌套
- 2024-11-05 JavaScript排序,不只是冒泡 javascript sort排序
- 2024-11-05 web前端网页开发中常用js方法封装
- 2024-11-05 深入理解JavaScript中 fn() 和 return fn() 的区别
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- 单例 (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)