Höhe von einem div in Zentimeter mit jquery?

8

Ich habe ein Div, in dem ich Daten dynamisch hinzufüge, ich möchte die Höhe des bestimmten div in Zentimeter bekommen. Weil ich die Menge der Daten steuern muss, die in diesem div basierend auf der Höhe angezeigt werden können.

    
Rosh 29.05.2012, 07:37
quelle

3 Antworten

11

Hier ist eine kleine JavaScript-Funktion, um CSS-Pixel in Zentimeter zu konvertieren:

%Vor%

Er fügt ein 1000cm x 1000cm Leer <div> in die Seite ein und liest dann seine Höhe in CSS Pixel. Wenn Sie keine magischen Werte verwenden (wie oben empfohlen 1px = 0,02645833 cm, die nur funktionieren, wenn Ihr Bildschirm DPI 96 ist), wird sichergestellt, dass der aktuelle Bildschirm DPI berücksichtigt wird.

Da sich die DPI eines Bildschirms niemals ändern kann, sollten Sie den px_per_cm zwischenspeichern, um jedes Mal, wenn Sie diese Funktion aufrufen, Leistungseinbußen zu vermeiden.

    
Jonathan Pasquier 11.01.2014 07:11
quelle
6

Zuerst müssen Sie entscheiden, wie viele DPI (Dots Per Inch) Sie betrachten. Auf einem Bildschirm ist dies normalerweise zwischen 72 und 100. Nehmen wir 72 als Beispiel.

72 Punkte (Pixel) pro Zoll.
Was ist 72 Pixel pro 2,54 cm
Also 1 cm ist 28,35 Pixel

Nun hole einfach die Höhe in Pixeln und mache die Umwandlung.

    
Jamiec 29.05.2012 07:45
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Entfernen Sie Erweiterungen aus dem Dateinamen