Skalowanie w Windows 10 i znacznik hr w HTML5 |
Skalowanie w Windows 10 i znacznik hr w HTML5 |
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. |
|
|
27.01.2021, 11:47:46
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Sprawdź to: https://stackoverflow.com/a/46791115
-------------------- |
|
|
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 |
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 15:04 |