Forum PHP.pl > Skalowanie w Windows 10 i znacznik hr w HTML5

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

27.01.2021, 11:05:40

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

27.01.2021, 11:47:46

Sprawdź to: https://stackoverflow.com/a/46791115

ProgXT

29.01.2021, 11:03:44

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.