Auf Canvas - Objekte mit Mausevents zugreifen

[Matthias Apsel]

Hallo uwe gutwirth,

mein erster Versuch:mein erster Versuch
Mein Problem: wie bekomme ich die balken an den unteren Rand der div?

Zum Beispiel durch Verzicht auf float, stattdessen display: inline-block und vertical-align: bottom. Zudem setzen der Zeilenhöhe des umgebenden Divs auf den Wert der Höhe des Bildes.

Außerdem brauchst du die p-Elemente innerhalb der Balken nicht, setze stattdessen, die Zeilenhöhe wieder auf 1 (ohne Einheit, ist dann gleich der Schriftgröße) und für die Balken noch text-align: center;

Aber ich würde auch SVG als den besseren Weg vorschlagen.

Bis demnächst
Matthias