[HowTo] Material Design: Images skalieren, als Vollbild
-
<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.
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
376
Online32.8k
Benutzer82.9k
Themen1.3m
Beiträge