ไอคอนแบบไดนามิก

สำคัญ: แม้ว่า Google Charts แบบไดนามิกและแบบอินเทอร์แอกทีฟจะได้รับการดูแลอย่างต่อเนื่อง แต่เราเลิกใช้งานแผนภูมิ Google รูปภาพแบบคงที่อย่างเป็นทางการไปตั้งแต่ปี 2012 และจะปิดโหมดนี้ไปเมื่อวันที่ 18 มีนาคม 2019

หน้านี้อธิบายวิธีสร้างไฮไลต์ ลูกโป่ง หมุด และกราฟิกอื่นๆ แบบต่างๆ ที่สามารถสร้างโดยใช้ URL

https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

1. บทนำ
2. ไวยากรณ์
3. ประเภทไอคอน
4. ลูกโป่ง
5. การปักหมุด
6. โน้ตสไตล์สนุกๆ
7. หมายเหตุการพยากรณ์อากาศ
8. บล็อกข้อความแบบอักษรที่เติมขอบ (ข้อความเท่านั้น)
9. บล็อกข้อความแบบอักษรที่เติมขอบ (ข้อความ + ไอคอน)
10. รายการแฟล็กและไอคอนที่ใช้ได้
11. สตริงข้อความ
12. เงา

บทนำ

คุณสร้างไฮไลต์ หมุด หรือลูกโป่งที่น่าสนใจได้หลากหลายรูปแบบผสมข้อความและรูปภาพ รายการเหล่านี้เรียกว่าไอคอนแบบไดนามิก

ไวยากรณ์

URL รูท: https://chart.googleapis.com/chart?

ไอคอนแบบไดนามิกรองรับพารามิเตอร์ต่อไปนี้หลังเครื่องหมาย ? ใน URL ราก:

พารามิเตอร์	ต้องระบุหรือไม่บังคับ	คำอธิบาย
chst=<icon_string_constant>	จำเป็น	อธิบายประเภทของไอคอนที่จะสร้าง icon_string_constant - ค่าคงที่ของสตริงที่อธิบายประเภทของไอคอนที่จะสร้าง โปรดดูการเลือกไอคอนด้านล่างเพื่อเลือกไอคอน
chld=<icon_data>	จำเป็น	ข้อมูลเฉพาะที่ใช้เพื่ออธิบายขนาด การหมุน ข้อความ และข้อมูลอื่นๆ ที่จำเป็นของไอคอน icon_data - ชุดค่าที่คั่นด้วยอักขระไปป์ที่เหมาะสมกับไอคอน เอกสารในหน้านี้จะอธิบายว่าไอคอนแต่ละประเภทต้องระบุค่าใด

ประเภทไอคอน

Type	ตัวอย่าง
บับเบิล - เลือกบับเบิลข้อความขนาดเล็กหรือใหญ่ ที่มีหรือไม่มีไอคอน
หมุด - ประเภทการปักหมุดอาจเป็นแบบธรรมดา ที่ติดดาว หรือเอียง และสามารถมีไอคอน ตัวอักษรตัวเดียว หรือสตริงข้อความที่ยาวกว่าก็ได้
โน้ตสไตล์สนุกๆ พร้อมข้อความและชื่อที่ไม่บังคับ
บันทึกพยากรณ์อากาศพร้อมชื่อ ข้อความ และไอคอนสภาพอากาศ
บล็อกข้อความที่มีเส้นขอบหลายบรรทัด ไม่มีไอคอน
บล็อกข้อความที่มีเส้นขอบบรรทัดเดียวพร้อมไอคอน

กลับไปด้านบน

 

ลูกโป่ง

ลูกโป่งมีฟีเจอร์ต่างๆ ผสมกัน เช่น ขนาดใหญ่หรือเล็ก มีหรือไม่มีไอคอน ข้อความแบบบรรทัดเดียวหรือหลายบรรทัด ตารางต่อไปนี้อธิบายประเภทของลูกโป่งและไวยากรณ์สำหรับแต่ละ คำอธิบายค่าพารามิเตอร์แต่ละค่าจะแสดงอยู่ที่ด้านล่างของตาราง

หมายเหตุเพิ่มเติมสองสามข้อ:

• ลูกโป่งทั้งหมดจะปรับขนาดให้พอดีกับความกว้างและความสูงของข้อความที่คุณป้อน
• ค่าคงที่ของลูกโป่งรองรับรูปแบบที่ลงท้ายด้วย _withshadow หากคุณใช้รูปแบบ _withshadow ระบบจะเพิ่มเงาใต้ลูกโป่ง

ข้อความ	Icon	ไวยากรณ์	เฉพาะเงา	ตัวอย่าง
บรรทัดเดียว	ไม่มี	chst=   d_bubble_text_small[_withshadow] chld=   <frame_style>|   <text>|   <fill_color>|   <text_color>	chst=   [d_]bubble_text_small_shadow chld=   <frame_style>|   <text>	chst=d_bubble_text_small chld=   bb|   Launch+site|   C6EF8C|   000000
บรรทัดเดียว	ใช่	chst=   d_bubble_icon_text_small[_withshadow] chld=   <icon_string>|   <frame_style>|   <text>|   <fill_color>|   <text_color>	chst=   [d_]bubble_icon_text_small_shadow chld=   <icon_string>|   <frame_style>|   <text>	chst=d_bubble_icon_text_small chld=   wc|   bb|   Pay+Toilets|   C6EF8C|   000000
บรรทัดเดียว	ใช่	chst=   d_bubble_icon_text_big[_withshadow] chld=   <icon_string>|   <frame_style>|   <text>|   <fill_color>|   <text_color>	chst=   [d_]bubble_icon_text_big_shadow chld=   <icon_string>|   <frame_style>|   <text>	chst=d_bubble_icon_text_big chld=   snack|   bb|   $2.99+!|   FFBB00|   000000
หลายบรรทัด	ไม่มี	chst=   d_bubble_texts_big[_withshadow] chld=   <frame_style>|   <fill_color>|   <text_color>|   <text_line_1>    |...|   <text_line_n>	chst=   [d_]bubble_texts_big_shadow chld=   <frame_style>|   <text_line_1>    |...|   <text_line_n>	chst=d_bubble_texts_big chld=   bb|   FFB573|   000000|   Help+Wanted|   Hours:+Midnight+to+3:00+AM|   Good+pay,+interesting+work|   Contact+V.+Helsing
หลายบรรทัด	ใช่	chst=d_bubble_icon_texts_big[_withshadow] chld=   <icon_string>|   <frame_style>|   <fill_color>|   <text_color>|   <text_line_1>    |...|   <text_line_n>	chst=   [d_]bubble_icon_texts_big_shadow chld=   <icon_string>|   <frame_style>|   <text_line_1>    |...|   <text_line_n>	chst=d_bubble_icon_texts_big chld=   home|   bb|   FFB573|   000000|   Haunted+House|   Hours:+Midnight+to+3:00+AM|   Ghouls,+Goblins,+and+Vampires|   Bring+your+own+wooden+stake

ไวยากรณ์

<icon_string>

สตริงที่ระบุไอคอนอันใดอันหนึ่งซึ่งอธิบายไว้ที่ส่วนท้ายของเอกสารนี้

 

<frame_style>

ทิศทางหาง เลือกค่าคงที่ทิศทางของส่วนท้ายต่อไปนี้

• bb - กรอบบอลลูน หางที่ด้านซ้ายล่าง
  
  
• bbtl - กรอบบอลลูน หางที่ด้านบนซ้าย
  
  
• bbtr - กรอบบอลลูน หางที่ด้านบนขวา
  
  
• bbbr - กรอบบอลลูน หางที่ด้านขวาล่าง
  
  
• bbT - กรอบบอลลูน ไม่มีหาง
  
  
• edge_bl - กรอบขอบ หางที่ขอบด้านล่าง ปลายด้านซ้าย
  
  
• edge_bc - กรอบขอบ หางที่ขอบด้านล่าง ตรงกลาง
  
  
• edge_br - กรอบขอบ หางที่ขอบด้านล่าง ปลายด้านขวา
  
  
• edge_tl - กรอบขอบ หางที่ขอบบน ปลายด้านซ้าย
  
  
• edge_tc - กรอบขอบ หางที่ขอบบน ตรงกลาง
  
  
• edge_tr - กรอบขอบ หางที่ขอบบน ปลายด้านขวา
  
  
• edge_lt - กรอบขอบ หางที่ขอบซ้าย ปลายบน
  
  
• edge_lc - กรอบขอบ หางที่ขอบซ้าย กึ่งกลาง
  
  
• edge_lb - กรอบขอบ หางที่ขอบซ้าย ปลายด้านล่าง
  
  
• edge_rt - กรอบขอบ หางที่ขอบด้านขวา ขอบบน
  
  
• edge_rc - กรอบขอบ หางที่ขอบด้านขวา กึ่งกลาง
  
  
• edge_rb - กรอบขอบ หางที่ขอบด้านขวา ปลายด้านล่าง

<fill_color>

สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก

<text_color>

สีข้อความเป็นสีเลขฐานสิบหกสำหรับ HTML 6 หลัก

<text>

ข้อความลูกโป่ง 1 บรรทัดสำหรับลูกโป่งบรรทัดเดียว เว้นวรรคต้องเป็นเครื่องหมาย +

<text_line_1>|...|<text_line_n>

ข้อความอย่างน้อย 1 บรรทัดสำหรับลูกโป่งข้อความหลายบรรทัด แต่ละบรรทัดจะคั่นด้วยเครื่องหมาย | บรรทัดแรกจะแสดงขนาดใหญ่ขึ้นและเป็นตัวหนา ต้องแทนที่ช่องว่างด้วย +

เฉพาะเงา

สำหรับลูกโป่ง คุณวาดเงาแบบลอยตัวได้ด้วยไวยากรณ์ที่แสดงในตารางด้านบน ตัวอย่าง

chst=   d_bubble_text_small_shadow chld=   bb|Launch+site

chst=   d_bubble_icon_text_small_shadow chld=   wc|bb|Pay+Toilets

chst=   d_bubble_icon_text_big_shadow chld=   snack|bb|$2.99+!

chst=   d_bubble_texts_big_shadow chld=   bb|Help+Wanted|   Hours:+Midnight+to+3:00+AM|   Good+pay,+interesting+work|   Contact+V.+Helsing

chst=   d_bubble_icon_texts_big_shadow chld=   home|bb|Haunted+House|   Hours:+Midnight+to+3:00+AM|   Ghouls,+Goblins,+and+Vampires|   Bring+your+own+wooden+stake

 

กลับไปด้านบน

 

---

หมุด

คุณสามารถสร้างหมุดได้หลากหลายด้วยไอคอนและ/หรือสตริงข้อความสั้นๆ ประเภท PIN ที่ใช้ได้มีดังนี้

ประเภท PIN	ค่าคงที่ของลูกโป่ง	ตัวอย่าง
หมุดธรรมดาที่มีตัวอักษรหรือไอคอนตัวเดียว	chst=d_map_pin_letter[_withshadow] chst=d_map_pin_icon[_withshadow]
หมุดเอียง/ติดดาวที่มีตัวอักษรหรือไอคอนเดี่ยว	chst=d_map_xpin_letter[_withshadow] chst=d_map_xpin_icon[_withshadow]
หมุดหลายบรรทัดที่รองรับการปรับขนาด หมุนได้	chst=d_map_spin

 

PIN ธรรมดา ที่มีตัวอักษรเดียวหรือไอคอน

นี่คือหมุดตั้งตรงขนาดเล็กที่สามารถใส่ไอคอนขนาดเล็กหรือตัวอักษร 1 ตัว

ไวยากรณ์ของจดหมาย

chst=d_map_pin_letter[_withshadow]
chld=<character>|<fill_color>|<text_color>

ไวยากรณ์ของไอคอน

chst=d_map_pin_icon[_withshadow]
chld=<icon_string>|<fill_color>

<character>

[การปักหมุดข้อความเท่านั้น] อักขระข้อความ 1 ตัว

<icon_string>

[เฉพาะหมุดไอคอน] สตริงที่ระบุไอคอนอันใดอันหนึ่งที่อธิบายไว้ท้ายเอกสารนี้

<fill_color>

สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก

<text_color>

[หมุดข้อความเท่านั้น] สีข้อความเป็นสีเลขฐานสิบหกสำหรับ HTML 6 หลัก

เฉพาะเงา

หากต้องการวาดเงาเฉพาะสำหรับการปักหมุดประเภทนี้ ให้ใช้ไวยากรณ์ต่อไปนี้

chst=d_map_pin_shadow

พารามิเตอร์ chld ไม่จำเป็นสำหรับเงาเท่านั้น

ตัวอย่าง

chst=d_map_pin_letter_withshadow chld=A|FF0000|0000FF

chst=d_map_pin_letter chld=%E5%8D%B1|FF0000|000000

chst=d_map_pin_icon chld=camping|ADDE63

chst=d_map_pin_shadow

 

กลับไปด้านบน

 

---

หมุดเอียง/ติดดาวที่มีตัวอักษรเดียวหรือไอคอน

นี่คือหมุดขนาดเล็กที่อาจเอียงไปทางซ้ายหรือขวาหรือมีดาวทับซ้อนกัน เนื้อหาของหมุดอาจเป็นอักขระตัวเดียวหรือไอคอนขนาดเล็กก็ได้

ไวยากรณ์ของจดหมาย

chst=d_map_xpin_letter[_withshadow]
chld=<pin_style>|<character>|<fill_color>|<text_color>|<star_fill_color>

ไวยากรณ์ของไอคอน

chst=d_map_xpin_icon[_withshadow]
chld=<pin_style>|<icon_string>|<fill_color>|<star_fill_color>

<pin_style>

รูปแบบหมุด เลือกค่าคงที่ค่าใดค่าหนึ่งต่อไปนี้

• pin
• pin_star
• pin_sleft
• pin_sright

<icon_string>

[หมุดไอคอน] สตริงที่ระบุไอคอนอันใดอันหนึ่งซึ่งอธิบายไว้ท้ายเอกสารนี้

<character>

[หมุดข้อความ] อักขระข้อความ 1 ตัว

<fill_color>

สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก

<text_color>

[หมุดข้อความ] สีข้อความเป็นสีเลขฐานสิบหกของ HTML 6 หลัก

<star_fill_color>

[หมุดรูปดาว] สีเติมของดาวในรูปแบบสีฐานสิบหกสำหรับ HTML 6 หลัก

เฉพาะเงา

หากต้องการวาดเงาเฉพาะสำหรับการปักหมุดประเภทนี้ ให้ใช้ไวยากรณ์ต่อไปนี้

chst=d_map_xpin_shadow

chld=<pin_style>

ตัวอย่าง

chst=d_map_xpin_letter chld=pin_star|A|FF0000|000000

chst=d_map_xpin_letter chld=pin_sleft|A|FF0000|000000

chst=d_map_xpin_icon chld=pin_sleft|bank-dollar|52B552

chst=d_map_xpin_shadow chld=pin_sleft

กลับไปด้านบน

 

---

หมุดข้อความที่มีการปรับขนาดและการหมุน

นี่คือ PIN ที่คุณสามารถปรับขนาดด้วยตนเองเพื่อรวมสตริงข้อความที่ยาวขึ้นได้ นอกจากนี้คุณยังสามารถหมุนหมุดในจำนวนที่กำหนดเอง และควบคุมขนาดและสีของแบบอักษร

ไวยากรณ์

chst=d_map_spin
chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>

<scale_factor>)

ปัจจัยเกี่ยวกับการปรับขนาดเพื่อระบุขนาด PIN นี่เป็นจำนวนจุดลอยตัวบวกที่ 0.5 คือขนาดของหมุดที่ไม่มีมาตราส่วน 0.25 จะเป็นครึ่งหนึ่งของขนาด 1 จะเป็น 2 เท่าของขนาดนี้ และจากต้นนี้

<rotation_deg>

การหมุนของหมุด หน่วยเป็นองศา อนุญาตให้ใช้ค่าบวกและค่าลบได้ ระบุ 0 สำหรับ PIN แนวตั้ง

<fill_color>

สีเติมลูกโป่ง เป็นสีเลขฐานสิบหกของ HTML 6 หลัก

<font_size>

ขนาดแบบอักษรของข้อความในหน่วยพิกเซล

<font_style>

ใส่ "_" (ขีดล่าง) สำหรับข้อความปกติ หรือ "b" สำหรับข้อความตัวหนา

<text_line_1>...<text_line_n>

ข้อความอย่างน้อย 1 บรรทัดคั่นด้วยอักขระ | ตัว

 

ตัวอย่าง

chst=d_map_spin chld=1.7|180|C6E7DE|11|_|Raindrop

chst=d_map_spin chld=2.1|0|FFFF42|13|b|Kumquats

chst=d_map_spin chld=3|45|FFFF42|11|_|First+line|Second+line

กลับไปด้านบน

 

---

โน้ตสไตล์สนุกๆ

คุณสร้างโน้ตข้อความได้หลายแบบในเทมเพลตแปลกใหม่ เช่น โน้ตติดหนึบหรือลูกโป่งความคิด คุณจะใส่บรรทัดชื่อไว้ในโน้ตด้วยหรือไม่ก็ได้

โน้ตเหล่านี้จะมีขนาดคงที่ โดยจะไม่ขยายหรือหดตัวลงให้เข้ากับ ขนาดของข้อความ

ไวยากรณ์

chst=d_fnote_title OR chst=d_fnote
chld=<note_type>|<note_size>|<text_color>|<text_alignment>|<text_line_1>|...|<text_line_n>

ช่อง

ระบุ d_fnote_title สำหรับโน้ตที่มีชื่อ หรือ d_fnote สำหรับโน้ตที่ไม่มีชื่อ ในโน้ตที่มีชื่อ ข้อความบรรทัดแรกจะมีการจัดรูปแบบเป็นชื่อ (ขนาดใหญ่กว่าและตัวหนา)

<note_type>

สตริงที่อธิบายรูปร่างของโน้ต เลือกสตริงของประเภทโน้ต 1 รายการในตารางด้านล่าง

<note_size>

1 (1) สำหรับโน้ตขนาดใหญ่ หรือ 2 โน้ตสำหรับโน้ตขนาดเล็ก ขนาดเทมเพลตคงที่ เทมเพลตไม่ขยายหรือย่อให้พอดีกับข้อความ ทดลองใช้ทั้ง 2 ขนาดเพื่อดูว่าขนาดใดเก็บข้อความได้ดีกว่า

<text_color>

สีข้อความเป็นสีฐานสิบหก 6 หลัก ไม่สามารถใช้ค่าอัลฟ่า

<text_alignment>

การจัดข้อความสำหรับข้อความทั้งหมด รวมถึงส่วนหัว เลือกค่าใดค่าหนึ่งต่อไปนี้

• l - ('L') จัดชิดซ้าย
• h - จัดข้อความกึ่งกลาง
• r - จัดชิดขวา

<text_line_1>| ...|<text_line_n>

ข้อความสำหรับโน้ต ใช้อักขระ | เพื่อระบุบรรทัดใหม่ เมื่อchst=d_fnote_title ข้อความบรรทัดแรกจะมีการจัดรูปแบบเป็นชื่อ

เทมเพลตประเภทโน้ต

เทมเพลตต่อไปนี้รองรับเทมเพลตโน้ต สตริง note_type แต่ละรายการจะแสดงอยู่ใต้เทมเพลต

หมายเหตุ: สตริงข้อความคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

arrow_d

balloon

pinned_c

sticky_y

taped_y

thought

 

ตัวอย่าง

คำอธิบาย	ตัวอย่าง
โน้ตที่มีชื่อ: chst=d_fnote_title ระบบจะใช้ข้อความบรรทัดแรกเป็นชื่อ หมายเหตุขนาดใหญ่ (1)	chst=d_fnote_title chld=pinned_c|1|004400|l|Joe's|Today+2-for-1+!|555-1234
โน้ตไม่มีชื่อ: chst=d_fnote.ข้อความจะอยู่กึ่งกลาง	chst=d_fnote chld=thought|1|0088FF|h|Why+am+I+here?
เทมเพลตที่เป็นประโยชน์สำหรับมุกตลกเก่าๆ	chst=d_fnote chld=arrow_d|1|000000|h|Your|shoe's|untied

กลับไปด้านบน

 

---

หมายเหตุการพยากรณ์อากาศ

คุณสร้างโน้ตได้ด้วยไอคอนสัญญาณบอกสถานะสภาพอากาศ เลย์เอาต์คล้ายกับโน้ตสไตล์สนุกๆ แต่สีข้อความจะเป็นสีดำเสมอ ข้อความจะอยู่ในแนวซ้ายเสมอ และมีข้อความได้เพียง 1-3 บรรทัดเท่านั้น

โน้ตเหล่านี้จะมีขนาดคงที่ โดยจะไม่ขยายหรือหดให้พอดีกับขนาดของข้อความ

ไวยากรณ์

chst=d_weather
chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>

ช่อง

d_weather หมายถึงบันทึกสภาพอากาศ

<note_type>

เทมเพลตที่ใช้สำหรับโน้ตนี้ ใช้สตริงโน้ตรายการใดรายการหนึ่งที่ระบุไว้ในรายการโน้ตสไตล์สนุกๆ ด้านบน

<weather_icon>

สตริงไอคอนสภาพอากาศ 1 สตริงในตารางด้านล่าง โน้ตสามารถใช้ไอคอนสภาพอากาศเดียวได้

<ชื่อ>|<line_2>|<line_3>

ชื่อและข้อความอีกไม่เกิน 2 บรรทัด (ไม่บังคับบรรทัดข้อความเพิ่มเติม) ชื่อมีขนาดใหญ่กว่าและตัวหนา

ไอคอนสภาพอากาศ

ต่อไปนี้คือรายการไอคอนสภาพอากาศที่รองรับ ซึ่งแสดงสตริง weather_icon สำหรับแต่ละรายการ

หมายเหตุ: สตริงข้อความคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

clear-night-moon	cloudy-heavy	cloudy-sunny	cloudy	rain
rainy-sunny	snow	snowflake	snowy-sunny	sunny-cloudy
sunny	thermometer-cold	thermometer-hot	thunder	windy

 

ตัวอย่าง

คำอธิบาย	ตัวอย่าง
บันทึกสภาพอากาศที่มีชื่อและ 2 บรรทัดบนเทมเพลตสไตล์ taped_y	chst=d_weather chld=taped_y|sunny|Barcelona|max+25°C|min+15°C
คิดถึงฤดูหนาว	chst=d_fnote chld=thought|sunny|I+wish...

กลับไปด้านบน

 

---

บล็อกข้อความแบบอักษรที่ขีดเส้นใต้ (ข้อความเท่านั้น)

 

คุณสามารถสร้างบล็อกข้อความที่มีเส้นขอบพร้อมพื้นหลังสีขาว หากต้องการใส่ข้อความ + ไอคอน ให้พิจารณาใช้ความหลากหลายของบรรทัดเดียวซึ่งรองรับไอคอน

ไวยากรณ์

chst=d_text_outline
chld=<text_fill_color>|<font_size>|<text_alignment>|<outline_color>|<font_weight>|<text_line_1>|...|<text_line_n>

<text_fill_color>

สีเติมข้อความ รหัสนี้เป็นสีฐานสิบหก 6 หลัก ไม่สามารถใช้ค่าอัลฟ่าได้

<font_size>

ตัวเลขที่ระบุขนาดแบบอักษรในหน่วยพิกเซล

<text_alignment>

การจัดข้อความสำหรับข้อความทั้งหมด รวมถึงส่วนหัว เลือกค่าใดค่าหนึ่งต่อไปนี้

• l - ('L') จัดชิดซ้าย
• h - จัดข้อความกึ่งกลาง
• r - จัดชิดขวา

<outline_color>

สีของโครงร่างข้อความ รหัสนี้เป็นสีฐานสิบหก 6 หลัก ระบบไม่ยอมรับค่าอัลฟ่า

<font_weight>

ข้อความปกติหรือตัวหนา ขีดล่าง " _" สำหรับข้อความปกติ และ "b" สำหรับข้อความตัวหนา

<text_line_1>| ...|<text_line_n>

ข้อความสำหรับโน้ต ใช้อักขระ | เพื่อระบุบรรทัดใหม่ เมื่อchst=d_fnote_title ข้อความบรรทัดแรกจะมีการจัดรูปแบบเป็นชื่อ

 

ตัวอย่าง

chst=d_text_outline chld=FFCC33|16|h|FF0000|b|Mad+Scientist|Boo

chst=d_text_outline chld=FF65BB|20|h|00FF00|_|Freshly+Made+Pie

กลับไปด้านบน

 

 

---

บล็อกข้อความแบบอักษรที่ร่างไว้ (ข้อความ + ไอคอน)

คุณสร้างข้อความแบบมีเส้นขอบ 1 บรรทัดพร้อมไอคอนด้านบน ด้านซ้าย ด้านล่าง หรือด้านขวาของบล็อกได้ หากไม่ต้องการไอคอน ให้ใช้บล็อกข้อความแบบอักษรที่ร่างไว้

ไวยากรณ์

chst=<icon_position_string>
chld=<text>|<font_size>|<font_fill_color>|<icon_name>|<icon_size>|<icon_fill_color>|<icon_and_text_border_color>

<icon_position_string>

ระบุตำแหน่งที่ไอคอนจะปรากฏในกล่องข้อความ เลือกค่าใดค่าหนึ่งต่อไปนี้

• d_simple_text_icon_below - วางไอคอนที่ด้านล่างของช่อง:
• d_simple_text_icon_above - วางไอคอนที่ด้านบนสุดของกล่อง:
• d_simple_text_icon_left - วางไอคอนทางด้านซ้ายของช่อง:
• d_simple_text_icon_right - วางไอคอนทางด้านขวาของช่อง:

<text>

ข้อความที่จะแสดง บรรทัดเดียวเท่านั้น ใช้เครื่องหมาย + สำหรับการเว้นวรรค

<font_size>

ตัวเลขที่ระบุขนาดแบบอักษรในหน่วยพิกเซล

<font_fill_color>

สีเติมของข้อความเป็นสตริง 6 หลัก ระบบไม่รองรับค่าอัลฟ่า

<icon_name>

หนึ่งในชื่อไอคอนที่ระบุไว้ที่ด้านล่างของเอกสารนี้

<icon_size>

ความสูงของไอคอนในหน่วยพิกเซล ค่าที่รองรับมีดังนี้ 12, 16, 24

<icon_fill_color>

สีของไอคอนเป็นสตริงตัวเลข 6 หลัก ระบบไม่รองรับค่าอัลฟ่า

<icon_and_text_border_color>

สีเส้นขอบรอบไอคอนและข้อความเป็นสตริง 6 หลัก ระบบไม่รองรับค่าอัลฟ่า

กลับไปด้านบน

รายการแฟล็กและไอคอนที่ใช้ได้

ภาพต่อไปนี้สามารถใช้ในไอคอนแบบไดนามิกได้โดยใช้พารามิเตอร์ที่เหมาะสม

หมายเหตุ: สตริงข้อความคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

หมายเหตุ: ไอคอนมีเฉพาะในขนาดต่อไปนี้: 12, 16, 24

ไอคอนพื้นฐาน

ไอคอนจาก Glyphish.com

ไอคอนเหล่านี้จัดทำโดย Joseph Wain / glyphish.com ผลงานนี้ได้รับอนุญาตภายใต้สัญญาอนุญาตครีเอทีฟคอมมอนส์ (Creative Commons Attribution License 3.0) ของสหรัฐอเมริกา

แฟล็ก

ธงในบางประเทศและเขตแดนมีดังนี้

กลับไปด้านบน

ข้อความ สตริง

ข้อความที่แสดงทั้งหมดที่ส่งในคำขอต้องเข้ารหัส UTF-8 แล้วเข้ารหัส URL โดยจะมีผลเฉพาะกับอักขระที่ไม่อนุญาตให้ใช้ URL เท่านั้น (อักขระที่ปลอดภัยสำหรับ URL ส่วนใหญ่เป็นตัวอักษรภาษาอังกฤษ a-z เป็นทั้งตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก รวมถึงเครื่องหมายวรรคตอนอีกชุดหนึ่ง) ตัวอย่างเช่น ค่า UTF-8 และค่าที่เข้ารหัส URL สำหรับตัวอักษร "è" คือ "%C3%A8" และสำหรับตัวอักษรจีน 駅 คือ "%E9%A7%85" เบราว์เซอร์ส่วนใหญ่จะให้คุณใช้ค่าที่ไม่เข้ารหัสในสตริง URL (เช่น 駅) และจะเข้ารหัสค่านี้ให้คุณในเบื้องหลัง อย่างไรก็ตาม บุคคลอื่นที่ดู URL รูปภาพของคุณอาจใช้เบราว์เซอร์ที่ไม่ดำเนินการตามนั้น ดังนั้น โดยทั่วไปจึงควรใช้ UTF-8 และเข้ารหัส URL ทุกอักขระที่ไม่ใช่ ASCII ในสตริงข้อความ โปรดทราบว่านี่เป็นเพียงข้อความที่แสดงในลูกโป่งหรือหมุดเท่านั้น ไม่ใช่สำหรับ &, | หรืออักขระอื่นๆ ที่เป็นส่วนหนึ่งของไวยากรณ์ URL

เงา

คุณสามารถเพิ่มเงาให้กับไอคอนจำนวนมาก หรือแม้กระทั่งวาดเงาสำหรับบางไอคอนโดยไม่ต้องมีตัวไอคอนนั้น

ไอคอนที่ถูกซ้อน

ไอคอนจำนวนมากสามารถวาดโดยมีหรือไม่มีเงาก็ได้ หากการสร้างเงาเป็นตัวเลือกหนึ่ง ชื่อไอคอนจะมีเวอร์ชันที่ลงท้ายด้วย _withshadow และเวอร์ชันอื่นที่ไม่มีนามสกุลนั้น คุณระบุไอคอนที่มีส่วนท้ายใดก็ได้ โดยขึ้นอยู่กับว่าคุณต้องการเงาหรือไม่

ต่อไปนี้คือตัวอย่างลูกโป่งข้อความขนาดกลางและหมุดที่มีและไม่มีเงา

chst=d_bubble_icon_text_big	chst=d_bubble_icon_text_big_withshadow
chst=d_map_pin_icon	chst=d_map_pin_icon_withshadow

เงาตกกระทบ

ไอคอนบางประเภทให้คุณวาดเงาได้ด้วยตัวเอง คุณอาจต้องทำเช่นนี้หากใช้ไอคอนที่มีเงาซ้อนทับกันหลายไอคอนในกราฟิก และไอคอนเหล่านั้นอยู่ใกล้มากจนเงาจากไอคอนหนึ่งตกลงไปทับอีกกราฟิกหนึ่ง โปรดดูเอกสารประกอบเกี่ยวกับประเภทไอคอนเฉพาะของคุณ เพื่อดูว่าคุณวาดเงาของไอคอนเพียงอย่างเดียวได้หรือไม่

กลับไปด้านบน