Como adicionar uma auréola a um texto no compositor?


15

Eu gostaria de adicionar textos com halo, no compositor (não no mapa). Você conhece uma maneira de fazer isso?

Estou usando o QGIS 2.0.1

Respostas:


21

Adicione um novo rótulo em QGIS 2.0.1 Composer.

No item propertiesse você colocar o seguinte código

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

você obterá o efeito desejado:

insira a descrição da imagem aqui

(Não se esqueça de desativar a opção item backgroundse você estiver procurando por uma etiqueta transparente !)


EDITAR

Algumas text-shadowexplicações abaixo:

insira a descrição da imagem aqui

Para compensações e desfocagem, você pode usar valores positivos ou negativos.


Além disso, você pode ter várias sombras, assim:

Exemplo 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>

E você verá isso:

insira a descrição da imagem aqui

Exemplo 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>

insira a descrição da imagem aqui

Exemplo 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>

insira a descrição da imagem aqui


1
É a primeira vez que uso HTML, você me apresentou a um novo mundo! Explorando sua sugestão, encontrei esse código, correspondendo exatamente ao que eu estava procurando: "sombra de texto: -1px 0 branco, 0 1px branco, 1px 0 branco, 0 -1px branco". Muito obrigado
cd44

20

Outra maneira fácil de obter o mesmo que a função de buffer no QGIS.DESKTOP é a seguinte:

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

insira a descrição da imagem aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.