Как добавить ореол к тексту в композиторе?


15

Я хотел бы добавить тексты с ореолом, в композитор (не на карте). Вы знаете способ сделать это?

Я использую QGIS 2.0.1

Ответы:


21

Добавьте новый ярлык в QGIS 2.0.1 Composer.

В item propertiesесли вы поместите следующий код

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

Вы получите желаемый эффект:

введите описание изображения здесь

(Не забудьте отключить, item backgroundесли вы ищете прозрачную этикетку!)


РЕДАКТИРОВАТЬ

Некоторые text-shadowпояснения ниже:

введите описание изображения здесь

Для смещений и размытия вы можете использовать положительные или отрицательные значения.


Более того, вы можете иметь несколько теней, например:

Пример 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>

И вы увидите это:

введите описание изображения здесь

Пример 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>

введите описание изображения здесь

Пример 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>

введите описание изображения здесь


1
Я впервые использую HTML, вы только что познакомили меня с новым миром! Изучая ваше предложение, я обнаружил, что этот код в точности соответствует тому, что я искал: «text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white». Большое спасибо
cd44

20

Другой простой способ добиться того же, что и функция буфера в QGIS.DESKTOP, заключается в следующем:

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

введите описание изображения здесь

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.