Làm thế nào để thêm một quầng sáng vào một văn bản trong nhà soạn nhạc?


15

Tôi muốn thêm văn bản với quầng sáng, trong nhà soạn nhạc (không phải trong bản đồ). Bạn có biết một cách để làm điều đó?

Tôi đang sử dụng QGIS 2.0.1

Câu trả lời:


21

Thêm một nhãn mới trong QGIS 2.0.1 Composer.

Trong item propertiesnếu bạn đặt mã sau đây

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

bạn sẽ đạt được hiệu quả mong muốn:

nhập mô tả hình ảnh ở đây

(Đừng quên tắt item backgroundnếu bạn đang tìm kiếm một nhãn trong suốt !)


BIÊN TẬP

Một số text-shadowgiải thích dưới đây:

nhập mô tả hình ảnh ở đây

Đối với độ lệch và độ mờ, bạn có thể sử dụng giá trị dương hoặc âm.


Hơn nữa, bạn có thể có nhiều bóng, như thế này:

Ví dụ 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>

Và bạn sẽ thấy điều này:

nhập mô tả hình ảnh ở đây

Ví dụ 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>

nhập mô tả hình ảnh ở đây

Ví dụ 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>

nhập mô tả hình ảnh ở đây


1
Đây là lần đầu tiên tôi sử dụng HTML, bạn vừa giới thiệu cho tôi một thế giới mới! Khám phá đề xuất của bạn, tôi tìm thấy mã đó, tương ứng chính xác với những gì tôi đang tìm kiếm: "text-Shadow: -1px 0 trắng, 0 1px trắng, 1px 0 trắng, 0 -1px trắng". Cảm ơn rất nhiều
cd44

20

Một cách khác, dễ dàng để đạt được giống như chức năng bộ đệm trong QGIS.DESKTOP là như sau:

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

nhập mô tả hình ảnh ở đây

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.