iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0
自我挑戰組

地圖物聯系列 第 6

svg 轉動

  • 分享至 

  • xImage
  •  

SVG轉動試了一整天,廢寢忘食終於弄好,原本想放棄了:

jpg時代可能要結束了,發現國外很多都用 svg 了

1.會動的風扇加入了

2.加入可放大縮小移動如下:

3.AQI空氣品質

物體轉動它的秘訣是:

1.要使用 transform的 Rotate

2.From / To 設定: from為(角度0,x(位置)+(元件/2))/to為(角度360,x(位置)+(元件/2)) (好久才懂)

我的設計原則:易移植,易用,易看,積木式設計如空氣品質是之前設計,直接透過 MQTT 便可串連

物聯網設計真的比以前系統簡單至少十倍
https://ithelp.ithome.com.tw/upload/images/20220906/20136076lopz0p9YfO.jpg


上一篇
利用 Docker Portainer 安裝 WordPress
下一篇
Docker 雜筆記
系列文
地圖物聯32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言