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

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


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

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.