Wie füge ich einem Text im Komponisten einen Heiligenschein hinzu?

15

Ich möchte Texte mit Heiligenschein in den Komponisten einfügen (nicht in die Karte). Kennen Sie einen Weg, dies zu tun?

Ich benutze QGIS 2.0.1

cd44
quelle

Antworten:

21

Fügen Sie ein neues Label hinzu QGIS 2.0.1 Composer.

In der , item propertieswenn Sie den folgenden Code setzen

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

Sie erhalten den gewünschten Effekt:

Bildbeschreibung hier eingeben

(Vergessen Sie nicht, das zu deaktivieren, item backgroundwenn Sie ein transparentes Etikett suchen !)


BEARBEITEN

Einige text-shadowErklärungen unten:

Bildbeschreibung hier eingeben

Für Offsets und Blur können Sie positive oder negative Werte verwenden.


Außerdem können Sie mehrere Schatten haben, wie folgt:

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

Und du wirst das sehen:

Bildbeschreibung hier eingeben

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

Bildbeschreibung hier eingeben

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

Bildbeschreibung hier eingeben

Sorin Călinică
quelle
1
Es ist das erste Mal, dass ich HTML verwende. Sie haben mich gerade in eine neue Welt eingeführt! Als ich Ihren Vorschlag untersuchte, fand ich diesen Code, der genau dem entsprach, wonach ich gesucht habe: "text-shadow: -1px 0 weiß, 0 1px weiß, 1px 0 weiß, 0 -1px weiß". Vielen Dank
cd44
20

Eine andere, einfache Möglichkeit, das Gleiche wie die Pufferfunktion in QGIS.DESKTOP zu erreichen, ist die folgende:

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

Bildbeschreibung hier eingeben

S.Weigl
quelle