<size size="150">[HowTo] Material Design: Images skalieren, als Vollbild</size>

Häufig werden basic-HTML oder basic-image oder basic-iFrame Widgets verwendet um Bilder von z.B. IP Kameras darzustellen. Wenn man diese in unterschiedlichen Größen betrachten will, muss man jeweils eigene Widgets abrufen. Über die hier beschriebene Methode erübrigt sich dieses, da ein direktes Skalieren des innen liegenden Images () ermöglicht wird.

Ein Beispiel-Video (download 1.5 MB): https://github.com/Uhula/ioBroker-Mater … _scale.mp4

Eine detaillierte Beschreibung (Seite 23ff): https://github.com/Uhula/ioBroker-Mater … eitung.pdf

ioBroker.vis Demo-Projekt: https://github.com/Uhula/ioBroker-Mater … 20projects

Da hierbei die CSS-Klassen und Javascript-Code des Material Designs benutzt werden, funktioniert es nur dort. Allerdings, wer mit CSS/JS umgehen kann, könnte sich die entsprechenden CSS-Klassen und den JS-Code auch herausziehen.