Jak dodać aureolę do tekstu w kompozytorze?


15

Chciałbym dodać teksty z aureolą w kompozytorze (nie na mapie). Czy wiesz jak to zrobić?

Używam QGIS 2.0.1

Odpowiedzi:


21

Dodaj nową etykietę w QGIS 2.0.1 Composer.

W item propertiesprzypadku wstawienia następującego kodu

<span style="color:blue;text-shadow: 0px 0px 2px #4d2d4d, 0px 5px 10px #aefe00;">Test</span>

uzyskasz pożądany efekt:

wprowadź opis zdjęcia tutaj

(Nie zapomnij wyłączyć opcji, item backgroundjeśli szukasz przezroczystej etykiety!)


EDYTOWAĆ

Kilka text-shadowwyjaśnień poniżej:

wprowadź opis zdjęcia tutaj

W przypadku przesunięć i rozmycia można użyć wartości dodatnich lub ujemnych.


Co więcej, możesz mieć wiele cieni, takich jak to:

Przykład 1:

<span style="color:brown;text-shadow: 0.5px 0.5px 0.5px #fff, 0.7px 0.7px 0px rgba(0,0,0,0.5);">Test</span>

I zobaczysz to:

wprowadź opis zdjęcia tutaj

Przykład 2:

<span style="color:violet;text-shadow: -0.5px 0.5px 0px #00e6e6, -1px 1px 0px #01cccc, -1.5px 1.5px 0px #00bdbd;">Test</span>

wprowadź opis zdjęcia tutaj

Przykład 3:

<span style="color:white;text-shadow:
               0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);">Test</span>

wprowadź opis zdjęcia tutaj


1
Po raz pierwszy używam HTML, właśnie wprowadziłeś mnie do nowego świata! Badając twoją sugestię, znalazłem ten kod, odpowiadający dokładnie temu, czego szukałem: „text-shadow: -1px 0 biały, 0 1px biały, 1px 0 biały, 0 -1px biały”.
Wielkie

20

Innym łatwym sposobem osiągnięcia tego samego, co funkcja bufora w QGIS.DESKTOP, jest:

<p style="-webkit-text-stroke: 3px white">Test</p>

wprowadź opis zdjęcia tutaj

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.