Pixel MM-Gleichung?

Gibt es eine zuverlässige Gleichung zu arbeiten, pixel-Größe in MM? Oder ist das nicht möglich, cross-Gerät?

Arbeiten wir mit einem maßgeschneiderten system, das Inhalte auf vielen Geräten mit unterschiedlichen Bildschirmgrößen, kann es erkennen, die Bildschirm Breite in MM, aber wir möchten, genau zu konvertieren dieser pixel-Größe zu liefern, richtig große Bilder, die dynamisch mit einem einfachen jquery-Skript!?

Irgendwelche Ideen?

Cheers
Paul

  • sagen Sie, dass Sie bereits die Bildschirm Breite in MM? und Sie brauchen nur die Breite des Bildschirms in Pixel?
  • ja 32bitkid, das ist, was ich brauche
InformationsquelleAutor Dancer | 2011-10-04
  1. 30

    Was ich getan habe :

     <div id="my_mm" style="height:100mm;display:none"></div>

    Dann:

    var pxTomm = function(px){   
   return Math.floor(px/($('#my_mm').height()/100)); //JQuery returns sizes in PX
 };
    • Dies ist einer der besten und zuverlässigsten Lösung, nicht sicher, warum diese war nicht gestimmt, bis jetzt, Dank @Dawa für diese geniale Lösung
    • Sie sind willkommen XD
    • Zusätzliche Hinweise: Der Wert berichtet .Höhe() ist nicht garantiert, um genau zu sein, wenn das element oder seine Eltern versteckt. Um einen genauen Wert erhalten, sicherzustellen, das element sichtbar ist, bevor Sie verwenden .Höhe(). jQuery wird versuchen, vorübergehend einblenden und dann wieder ausblenden eines Elements, um zu Messen die Dimensionen, aber das ist unzuverlässig, und (selbst wenn richtig) kann einen großen Einfluss auf die Seiten-performance. Diese show-und-rehide Messung Funktion kann in einer zukünftigen version von jQuery. Quelle: api.jquery.com/height
    • Beachten Sie auch, dass die Verwendung von 1 mm resultiert in einer ungenauen, gerundeten, Umwandlung. Es ist besser, legen Sie die element-Höhe bis 100 mm, und dann teilen Sie den Rückgabewert von $.Höhe von 100, bevor Sie es in die Formel.
    • Der Wert ist nicht konsistent. Wie @thephpdev darauf hingewiesen, Einstellung der Höhe 100 mm und kann genauer Wert. Während des Tests bekam ich 1mm = 4px (bei Verwendung der Höhe als 1mm) 1mm = 3.78 px (bei der Einstellung der Höhe 100mm).
    • Aktualisiert mit @thephpdev fix
    • clevere Lösung!

    InformationsquelleAutor Dawa
  2. 17

    tl;dr: Wenn Sie nicht wissen, die DPI des Geräts, werden Sie nicht in der Lage, ableiten, wie groß ein pixel ist in der realen Welt.

    Pixel auf Ihren eigenen nicht realen Maßeinheiten.

    So können Sie zu einem real-world-Messung, wenn Sie berücksichtigen die DPI-Wert des Geräts, das zeigt Sie.

    Die Formel ist:

    • mm = ( pixels * 25.4 ) /DPI

    Also 8 Pixel der Anzeige auf einem 96-DPI-Bildschirm-Einstellung:

    • ( 8 * 25.4 ) /96 = 2.116mm

    All dies vorausgesetzt, das Gerät wird nicht skaliert/gezoomt.

    • Beste Antwort für die Frage.
    InformationsquelleAutor Nik Kyriakides
  3. 3

    Würden Sie brauchen, zu wissen, die DPI des Geräts, und wenn die Anzeige skaliert wird oder nicht. Das würde bedeuten, dass Sie haben, um eine Datenbank der physischen Abmessungen und Auflösungen der einzelnen Geräte.

    • Das ist natürlich nicht sehr praktisch.
    InformationsquelleAutor chiborg
  4. 1

    Können Sie nicht zuverlässig berechnen, da es keine Möglichkeit zu erkennen, physikalische Bildschirmgröße.

    • Sorry - das mitgelieferte MM-Größe ist, so genau es verwendet eine Datenbank der bekannten Bildschirm-breiten um die Daten über den Vergleich von Benutzer-agent, vielmehr, dass alles-Skript basiert.
    InformationsquelleAutor Rob
  5. 1

    alte post, aber ich stolperte über dieses heute und hatte es zu schaffen.

    der trick ist, erstellen Sie ein element mit den Abmessungen Stil die in Zoll und verlangen, dass seine Breite, dies gibt Ihnen die px pro Zoll.

     function inch2px(inches) {
                $("body").append("<div id='inch2px' style='width:1in;height:1in;display:hidden;'></div>");
                var pixels = $("#inch2px").width();
                $("#inch2px").remove();

                return inches * pixels;
            }

            function px2inch(px) {
                $("body").append("<div id='inch2px' style='width:1in;height:1in;display:hidden;'></div>");
                var pixels = $("#inch2px").width();
                $("#inch2px").remove();

                return px / pixels;
            }

    nun, wenn Sie brauchen, Millimeter, nur px2inch(10)*25.4.

    InformationsquelleAutor Jmorvan
  6. 1

    Keine Notwendigkeit für jQuery.

    function xToPx(x) {
    var div = document.createElement('div');
    div.style.display = 'block';
    div.style.height = x;
    document.body.appendChild(div);
    var px = parseFloat(window.getComputedStyle(div, null).height);
    div.parentNode.removeChild(div);
    return px;
}


pixels = xToPx('10cm'); //convert 10cm to pixels
pixels = xToPx('10mm'); //convert 10mm to pixels

    Bitte beachten Sie, dass Werte in Pixel, je nachdem, welche Auflösung dem browser von dem Gerät erzählt Sie. Einige Browser (auf einigen Telefonen) liegen über dies und sagen Sie etwas anderes als die aktuelle Bildschirmauflösung in einem Versuch, um die Kompatibilität mit älteren Seiten. Wichtigste Sache ist nie port conversion-Werte von einem Gerät zum anderen, aber immer mit real-time-Berechnungen. Sogar auf einem desktop-PC kann der Benutzer die Bildschirmauflösung ändern.

    Erfahren Sie mehr über die Einheiten, schauen Sie sich dieses (kurzen) Artikel zu W3:

    https://www.w3.org/Style/Examples/007/units.en.html

    InformationsquelleAutor pizzamonster
  7. 0

    Basiert auf der @Dawa Antwort oben, das ist meine Lösung:

    var mmToPx = function(mm) {
    var div = document.createElement('div');
    div.style.display = 'block';
    div.style.height = '100mm';
    document.body.appendChild(div);
    var convert = div.offsetHeight * mm / 100;
    div.parentNode.removeChild(div);
    return convert;
};

    Beachten Sie, dass die 100mm Höhe, erhalten Sie eine bessere precision-Faktor.
    Die Berechnung wird sofort und der div wird nicht angezeigt. Keine Notwendigkeit für jQuery

    InformationsquelleAutor albanx
  8. 0

    benutze ich diese einfache Funktion 

    function pix2mm(val,dpi){
    return (val/0.0393701)/dpi;
}

    test gibt es 300,600,900 DPI

    var r = pix2mm(100,300);  //converting 100 pixels it 300 DPI 
console.log(r);  //output : 8.4 mm
var r1 = pix2mm(100,600);  //converting 100 pixels it 600 DPI
console.log(r1);  //output : 4.2 mm
var r2 = pix2mm(100,900);  //converting 100 pixels it 900 DPI
console.log(r2);  //output : 2.8 mm

    DEMO : https://jsfiddle.net/xpvt214o/29044/

    InformationsquelleAutor user889030
Schreibe einen Kommentar