Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Skalowanie w Windows 10 i znacznik hr w HTML5
Forum PHP.pl > Forum > Po stronie przeglądarki
ProgXT
Witam
Używam znaczników hr z HTML5 żeby zrobić kilka poziomych linii o grubości 1px w odstępach jedna nad drugą. W Windows 10 mam ustawione skalowanie na 1.25 i co któraś z linii wyświetla się na 2px grubości zamiast 1px.
Kiedy ustawię skalowanie w ustawieniach Windows na 1.0, linie wyświetlają się dobrze, każda po 1px grubości.

Czy można w kodzie ustawić tak, żeby ten znacznik wyświetlał się zawsze na 1px niezależnie od skalowania? Różnie użytkownicy mogą mieć ustawione skalowanie i żeby 1px był od niego niezależny.

trueblue
Sprawdź to: https://stackoverflow.com/a/46791115
ProgXT
Zrobiłem tak:

Kod
var scale = window.devicePixelRatio;
if (scale != 1) {
    scaleValue = (1/scale);
    var hrs = document.getElementsByClassName("hrs");
    var i;
    for (i=0; i<hrs.length; i++) {        
        hrs[i].style.transform = 'scaleY(' + scaleValue + ')';
        hrs[i].style.msTransform = 'scaleY(' + scaleValue + ')';
    }
}


W tej sytuacji przy skalowaniu 1 i 1.25 wyświetlają się wszystkie dobrze, po 1px grubości.
To już działa. Dzięki.

Jeszcze natomiast przy skalowaniu 1.5 zamiast zwężać to zmienia kolor na szary zamiast czarnego.
Masz pomysł?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2021 Invision Power Services, Inc.