วิธีเพิ่มรัศมีให้กับข้อความในผู้แต่งได้อย่างไร


15

ฉันต้องการเพิ่มข้อความด้วย halo ในผู้แต่ง (ไม่ใช่ในแผนที่) คุณรู้วิธีที่จะทำหรือไม่?

ฉันใช้ QGIS 2.0.1

คำตอบ:


21

QGIS 2.0.1 Composerเพิ่มป้ายกำกับใหม่ใน

ในitem propertiesถ้าคุณใส่รหัสต่อไปนี้

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

คุณจะได้รับผลที่ต้องการ:

ป้อนคำอธิบายรูปภาพที่นี่

(อย่าลืมปิดการใช้งานitem backgroundหากคุณกำลังมองหาป้ายโปร่งใส !)


แก้ไข

text-shadowคำอธิบายบางอย่างด้านล่าง:

ป้อนคำอธิบายรูปภาพที่นี่

สำหรับออฟเซ็ตและเบลอคุณสามารถใช้ค่าบวกหรือลบ


ยิ่งไปกว่านั้นคุณสามารถมีเงาได้หลายแบบดังนี้:

ตัวอย่างที่ 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>

และคุณจะเห็นสิ่งนี้:

ป้อนคำอธิบายรูปภาพที่นี่

ตัวอย่างที่ 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>

ป้อนคำอธิบายรูปภาพที่นี่

ตัวอย่างที่ 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>

ป้อนคำอธิบายรูปภาพที่นี่


1
นี่เป็นครั้งแรกที่ฉันใช้ HTML คุณเพิ่งแนะนำให้ฉันรู้จักกับโลกใหม่! การสำรวจข้อเสนอแนะของคุณฉันพบว่ารหัสนั้นตรงกับสิ่งที่ฉันค้นหา: "text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white" ขอบคุณมาก
cd44

20

อีกวิธีที่ง่ายต่อการบรรลุเช่นเดียวกับฟังก์ชั่นบัฟเฟอร์ใน QGIS.DESKTOP มีดังต่อไปนี้:

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

ป้อนคำอธิบายรูปภาพที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.