คุณจะสร้างรูปภาพที่แสดงสูตรคณิตศาสตร์ได้โดยใช้ภาษา TeX
ภาพรวม
คุณสามารถสร้างรูปภาพของสูตรคณิตศาสตร์โดยใช้ภาษาเท็กซัส (อ่านว่า "tek" หรือ "tech") ซึ่งมีประโยชน์ในการแสดงสูตรที่ซับซ้อนในหน้าเว็บของคุณ ต่อไปนี้คือตัวอย่างบางส่วนของสูตรที่แสดงผลทันที
คัดลอกและวาง URL ของรูปภาพลงในเบราว์เซอร์เพื่อดู URL ที่สร้างแต่ละรูปภาพ
ระบุสูตรโดยใช้ภาษา TeX ในพร็อพเพอร์ตี้ src ด้วยแท็ก <img>
แล้วสูตรจะแสดงผลเป็นไฟล์ PNG หรือจะส่งคำขอ GET แบบเป็นโปรแกรมเพื่อดึงสูตร PNG ก็ได้ หากต้องการ
ไวยากรณ์
URL รูท: https://chart.googleapis.com/chart?
คำขออิมเมจสูตรรองรับพารามิเตอร์การค้นหาของ URL ต่อไปนี้หลัง ? ใน URL ราก:
พารามิเตอร์ของ URL | ต้องระบุหรือไม่บังคับ | คำอธิบาย |
---|---|---|
cht=tx |
จำเป็น | ระบุว่านี่เป็นอิมเมจประเภทสูตร |
chl=<data> |
จำเป็น | สูตรที่จะแสดงในภาษา TeX คุณต้องเข้ารหัส URL สูตร โปรดดูรายละเอียดด้านล่าง |
chs=<width>x<height> |
ไม่บังคับ | ขนาดรูปภาพเป็นพิกเซล หากไม่ระบุไว้ ระบบจะคำนวณขนาดให้โดยอัตโนมัติ หากคุณระบุค่าเดียว ค่านั้นจะเป็นความสูงและระบบจะคำนวณความกว้างให้คุณ |
chf |
ไม่บังคับ | รองรับการเติมสีในพื้นหลังทุกประเภท ดูการเติมพื้นหลัง |
chco |
ไม่บังคับ | ระบุสีข้อความ ค่าเริ่มต้นคือสีดำ |
การเข้ารหัส URL ข้อมูล chl
โปรดทราบว่าคุณต้องเข้ารหัส URL สำหรับอักขระที่ไม่ปลอดภัยของ URL ที่ใช้ในสูตร ดูโปรแกรมเปลี่ยนไฟล์ URL ได้ที่นี่
ข้อผิดพลาดที่เกิดบ่อยที่สุดคือการใช้เครื่องหมาย + ในสูตรแทนที่จะเป็น %2B ตามที่แสดงไว้ด้านล่างนี้
ไม่ได้เข้ารหัส URL | เข้ารหัส URL |
---|---|
cht=tx&chl=a^2+b^2=c^2 |
cht=tx&chl=a^2%2Bb^2=c^2 |
การเติมพื้นหลัง (chf
)
คุณสามารถระบุสีเติมแบบทึบ การไล่ระดับสี หรือลายทางในรูปภาพได้ การเติมสีทั้งหมดจะระบุโดยใช้พารามิเตอร์ chf
และคุณสามารถรวมการเติมสีประเภทต่างๆ (สีทึบ แถบ การไล่ระดับสี) ในรูปภาพเดียวกันได้โดยการแยกค่าด้วยอักขระไปป์ ( | )
แบบทึบ
คุณสามารถระบุการเติมสีทึบ ไม่ว่าจะมีหรือไม่โปร่งใส หรือทำให้รูปภาพทั้งหมดโปร่งใสก็ได้
ไวยากรณ์
chf=<fill_type>,s,<color>|...
- <fill_type>
- ระบุค่าใดค่าหนึ่งต่อไปนี้
bg
- สีพื้นหลัง อาจทำให้พื้นหลังโปร่งใสได้หากคุณระบุค่าอัลฟ่าในพารามิเตอร์ <color>a
- ความโปร่งใสของรูปภาพ ระบบจะไม่สนใจตัวเลข 6 หลักแรกของ<color>
และใช้เฉพาะตัวเลข 2 หลักสุดท้าย (ค่าความโปร่งใส)
- s
- ระบุการเติมสีทึบ
- <color>
- สีเติมในรูปแบบ RRGGBB[AA] ฐานสิบหก โดย AA เป็นค่าความโปร่งใส (อัลฟ่า) ที่ไม่บังคับ
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
สูตรที่มีพื้นหลังสีน้ำเงิน |
|
เช่นเดียวกับด้านบน แต่พื้นหลังจะทำให้โปร่งใสเล็กน้อยโดยใช้ตัวอักษรและตัวเลข 2 หลัก นั่นคือ 80 ซึ่งสอดคล้องกับความโปร่งใสประมาณ 50% โปรดสังเกตว่าพื้นหลังของสูตรโปร่งใส แต่จะไม่เห็นข้อความ |
|
ตัวอย่างนี้ใช้ความโปร่งใสกับทั้งรูปภาพ สังเกตว่าพื้นหลังของเซลล์ตารางปรากฏทั้งในส่วนของข้อความและพื้นหลัง รูปภาพมีพื้นหลัง 2 แบบเข้าด้วยกันโดยใช้อักขระไปป์ ดังนี้
|
|
การไล่ระดับสี
คุณสามารถใช้การไล่ระดับสีอย่างน้อย 1 แบบในสูตรได้ การไล่ระดับสี จะจางจากสีหนึ่งเป็นอีกสีหนึ่ง
การเติมสีแบบไล่ระดับสีแต่ละรายการจะระบุมุม และมีสีตั้งแต่ 2 สีขึ้นไปที่ตรึงไว้ในตำแหน่งที่ระบุ สีจะแตกต่างกันไปเมื่อย้ายจาก Anchor หนึ่งไปยังอีก Anchor คุณต้องมีอย่างน้อย 2 สีที่มีค่า <color_centerpoint> แตกต่างกันเพื่อให้สีหนึ่งจางลงได้ การไล่ระดับสีเพิ่มเติมแต่ละรายการจะระบุด้วยคู่ <color>,<color_centerpoint>
ไวยากรณ์
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- สีพื้นหลัง
- lg
- ระบุการไล่ระดับสี
- <angle>
- ตัวเลขที่ระบุมุมของการไล่ระดับสีจาก 0 (แนวนอน) ถึง 90 (แนวตั้ง)
- <color>
- สีของสีเติมในรูปแบบเลขฐานสิบหก RRGGBB
- <color_centerpoint>
- ระบุจุดยึดของสี สีจะเริ่มจางจากจุดนี้เมื่อเข้าใกล้จุดยึดอื่น ช่วงค่าเริ่มจาก 0.0 (ขอบด้านล่างหรือด้านซ้าย) ถึง 1.0 (ขอบบนหรือขวา) โดยเอียงตามมุมที่ระบุด้วย <angle>
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
สูตรมีการไล่ระดับสีแบบเส้นตรงแนวนอน โดยระบุมุมเป็น 0 องศา (
|
|
เหมือนกับด้านบน แต่มีการไล่ระดับสี 45 องศา |
|
สีเติมลายทาง
คุณสามารถระบุการเติมพื้นหลังแบบลายเส้นสำหรับสูตรได้
ไวยากรณ์
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- สีพื้นหลัง
- ls
- ระบุการเติมสีแถบเชิงเส้น
- <angle>
- มุมของแถบทั้งหมด ซึ่งสัมพันธ์กับแกน Y ใช้
0
สำหรับแถบแนวตั้ง หรือ90
สำหรับแถบแนวนอน - <color>
- สีของแถบนี้ในรูปแบบเลขฐานสิบหก RRGGBB ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบ คุณต้องมีอย่างน้อย 2 ลาย แถบจะสลับกันจนกว่ารูปภาพจะเต็ม
- <width>
- ความกว้างของแถบนี้ตั้งแต่
0
ถึง1
โดยที่1
คือความกว้างเต็มขนาดของรูปภาพ แถบจะปรากฏซ้ำจนกว่ารูปภาพจะเต็ม ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบ คุณต้องมีอย่างน้อย 2 ลาย แถบจะสลับกันจนกว่ารูปภาพจะเต็ม
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |