Bagaimana cara menambahkan halo ke teks di komposer?

15

Saya ingin menambahkan teks dengan halo, di komposer (bukan di peta). Apakah Anda tahu cara melakukannya?

Saya menggunakan QGIS 2.0.1

cd44
sumber

Jawaban:

21

Tambahkan label baru di QGIS 2.0.1 Composer.

Di item propertiesjika Anda meletakkan kode berikut

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

Anda akan mendapatkan efek yang diinginkan:

masukkan deskripsi gambar di sini

(Jangan lupa untuk menonaktifkan item backgroundjika Anda mencari label transparan !)


EDIT

Beberapa text-shadowpenjelasan di bawah ini:

masukkan deskripsi gambar di sini

Untuk offset dan blur, Anda dapat menggunakan nilai positif atau negatif.


Lebih banyak, Anda dapat memiliki beberapa bayangan, seperti ini:

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

Dan Anda akan melihat ini:

masukkan deskripsi gambar di sini

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

masukkan deskripsi gambar di sini

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

masukkan deskripsi gambar di sini

Sorin Călinică
sumber
1
Ini adalah pertama kalinya saya menggunakan HTML, Anda baru saja memperkenalkan saya ke dunia baru! Menjelajahi saran Anda, saya menemukan kode itu, sesuai persis dengan apa yang saya cari: "text-shadow: -1px 0 putih, 0 1px putih, 1px 0 putih, 0 -1px putih". Terima kasih banyak
cd44
20

Cara lain yang mudah untuk mencapai hal yang sama dengan fungsi buffer di QGIS.DESKTOP adalah sebagai berikut:

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

masukkan deskripsi gambar di sini

S.Weigl
sumber