www.mikrocontroller.net

Forum: PC-Programmierung Webseite: Bild mit variablen Texten drin anzeigen?


Autor: Martin M. (martin69)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Hallo,

ich habe eine Rolladensteuerung gebaut, die ich nun auch übers Internet 
steuern kann. Den aktuellen Zustand der Rolläden möchte ich gerne 
graphisch darstellen:
* Grundriß der Wohnung
* bei den Rolläden (13 Stück) einen Text platzieren, der über den 
Zustand der Rolläden informiert (Rolladen ganz unten | ganz oben | 
unbekannt). Irgendwie eine graphische Darstellung anstelle Text wäre 
auch nicht schlecht....

Ich habe den Webzugriff über HTML realisiert (wird vom AVR gehandelt).

Kann man so was mit HTML machen? In einem Bild kann man ja keine Texte 
rein schreiben, aber vielleicht kann man das Bild in 13 Einzelbilder (1 
Bild je Rolladen) aufteilen und je nach Stellung des Rolladens das 
entsprechende Bild anzeigen. Hab aber nicht so richtig einen Plan, wie 
das geht.

Hat jemand ne Idee, wie man so was realisieren könnte?

Autor: Martin M. (martin69)
Datum:
Angehängte Dateien:

Bewertung
0 lesenswert
nicht lesenswert
anbei der Grundriß der Wohnung. In dem Hauptbeitrag lies sich das Bild 
nicht anhängen...

Autor: Andi ... (xaos)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
schonmal nicht mitm avr webserver, nimm als webserver irgendwas ARm 
basiertes mit zB lighttpd.
dann mit php oder so arbeiten und entweder direkt das bild manipulieren 
oder texte über das bild legen mit html/css

Autor: The Other Side of Horst (Gast)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Du kannst ein <div>-Element mit absoluter Positionierung in Pixeln der 
Graphik überlagern und in diesem Deine Informationen ausgeben.

Das wird neben anderem StyleSheet-Kram hier beschrieben:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm

Autor: Martin M. (martin69)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
vielen Dank! Das mit dem <div>-Element probiere ich morgen mal aus!

Gruß
Martin

Autor: Martin M. (martin69)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
<div>-Element hat geklappt! Genau diese Funktion habe ich gesucht. 
Nochmals vielen Dank!

Autor: tata (Gast)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
@Martin M. (martin69)
Mit welchem Programm hast du den Grundriss gemacht?

Autor: Martin M. (martin69)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
das habe ich mit einer uralten Version von AutoSketch erstellt. Habe 
dann vom Bildschirm eine Hardcopy gemacht, im Paintbrush eingefügt, dort 
noch etwas bearbeitet und als GIF gespeichert....

Antwort schreiben

Die Angabe einer E-Mail-Adresse ist freiwillig. Wenn Sie automatisch per E-Mail über Antworten auf Ihren Beitrag informiert werden möchten, melden Sie sich bitte an.

Wichtige Regeln - erst lesen, dann posten!

  • Groß- und Kleinschreibung verwenden
  • Längeren Sourcecode nicht im Text einfügen, sondern als Dateianhang

Formatierung (mehr Informationen...)

  • [c]C-Code[/c]
  • [avrasm]AVR-Assembler-Code[/avrasm]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] - Link zu Artikel
  • Verweis auf anderen Beitrag einfügen: Rechtsklick auf Beitragstitel,
    "Adresse kopieren", und in den Text einfügen




Bild automatisch verkleinern, falls nötig
Bitte das JPG-Format nur für Fotos und Scans verwenden!
Zeichnungen und Screenshots im PNG- oder
GIF-Format hochladen. Siehe Bildformate.
Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt.
Bitte hier nur auf die ursprüngliche Frage antworten,
für neue Fragen einen neuen Beitrag erstellen.

Mit dem Abschicken bestätigst du, die Nutzungsbedingungen anzuerkennen.