Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Skalowanie w Windows 10 i znacznik hr w HTML5
ProgXT
post 27.01.2021, 11:05:40
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 5.04.2017

Ostrzeżenie: (0%)
-----


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.

Go to the top of the page
+Quote Post
trueblue
post 27.01.2021, 11:47:46
Post #2





Grupa: Zarejestrowani
Postów: 6 266
Pomógł: 1714
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
ProgXT
post 29.01.2021, 11:03:44
Post #3





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 5.04.2017

Ostrzeżenie: (0%)
-----


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ł?

Ten post edytował ProgXT 29.01.2021, 11:05:15
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.10.2021 - 17:40