Công thức toán học

Bạn có thể tạo một hình ảnh hiển thị một công thức toán học, bằng cách sử dụng ngôn ngữ TeX.

Tổng quan

Bạn có thể tạo hình ảnh của một công thức toán học bằng cách sử dụng ngôn ngữ TeX (phát âm là "tek" hoặc "tech"). Điều này rất hữu ích khi hiển thị các công thức phức tạp trên trang web của bạn. Dưới đây là một số ví dụ về các công thức được hiển thị nhanh:

Phương trình bậc hai

Hãy sao chép và dán URL hình ảnh vào một trình duyệt để xem URL tạo ra từng hình ảnh.

Chỉ định công thức bằng ngôn ngữ TeX trong thuộc tính src thẻ <img> và công thức sẽ được trả về dưới dạng tệp PNG. Hoặc nếu muốn, bạn có thể gửi yêu cầu GET theo phương thức lập trình để truy xuất công thức PNG.

Cú pháp

URL gốc: https://chart.googleapis.com/chart?

Yêu cầu hình ảnh công thức hỗ trợ các tham số truy vấn URL sau đây sau ký tự ? trong URL gốc:

Tham số URL Bắt buộc hoặc không bắt buộc Nội dung mô tả
cht=tx Bắt buộc Chỉ định rằng đây là hình ảnh loại công thức.
chl=<data> Bắt buộc Công thức để kết xuất, bằng ngôn ngữ TeX. Bạn phải mã hoá URL cho công thức; xem bên dưới để biết chi tiết.
chs=<width>x<height> Không bắt buộc Kích thước hình ảnh, tính bằng pixel. Nếu bạn không chỉ định thuộc tính này, kích thước sẽ được tính tự động. Nếu bạn chỉ định một giá trị duy nhất, thì đó sẽ là chiều cao và chiều rộng sẽ được tính cho bạn.
chf Không bắt buộc Hỗ trợ tất cả các kiểu nền. Hãy xem phần Lấp đầy nền.
chco Không bắt buộc Chỉ định màu văn bản. Mặc định là màu đen.

Mã hoá URL cho dữ liệu chl

Hãy nhớ rằng bạn phải mã hoá URL mọi ký tự không an toàn với URL dùng trong công thức. Bạn có thể tìm thấy bộ mã hoá URL tại đây.

Lỗi phổ biến nhất là sử dụng dấu + trong một công thức thay vì %2B, như minh hoạ bên dưới:

Không được mã hoá URL Mã hóa URL
a^2 + b^2 = c^2
cht=tx&chl=a^2+b^2=c^2
a^2 + b^2 = c^2
cht=tx&chl=a^2%2Bb^2=c^2

Màu nền (chf)

Bạn có thể chỉ định màu đồng nhất, chuyển màu hoặc sọc cho hình ảnh. Tất cả màu nền đều được chỉ định bằng tham số chf và bạn có thể kết hợp nhiều kiểu tô màu nền (màu cố định, sọc, chuyển màu) trong cùng một hình ảnh bằng cách phân tách các giá trị bằng ký tự dấu gạch đứng ( | ).

Đổ nền đặc

Bạn có thể chỉ định màu đồng nhất, có hoặc không có độ trong suốt hoặc làm cho toàn bộ hình ảnh trong suốt.

Cú pháp

chf=<fill_type>,s,<color>|...
<fill_type>
Chỉ định một trong các giá trị sau:
  • bg – Màu nền. Nền có thể được làm trong suốt nếu bạn chỉ định giá trị alpha trong thông số <color>.
  • a – Độ trong suốt của hình ảnh. 6 chữ số đầu tiên của <color> bị bỏ qua và chỉ áp dụng hai chữ số cuối (giá trị trong suốt).
giây
Chỉ định màu nền ổn định.
<color>
Màu tô, ở định dạng thập lục phân RRGGBB[AA], trong đó AA là giá trị trong suốt (alpha) không bắt buộc.

 

Ví dụ

Nội dung mô tả Ví dụ:

Một công thức có nền màu xanh dương.

Biểu đồ dạng đường màu đỏ với vùng màu đen.

chf=bg,s,0000EF

Tương tự như trên, nhưng nền được làm hơi trong suốt bằng cách sử dụng hai chữ số alpha, 80, tương ứng với độ trong suốt khoảng 50%. Hãy lưu ý cách nền công thức trong suốt nhưng không phải văn bản.

Biểu đồ dạng đường màu đỏ với vùng biểu đồ màu đen và nền xám nhạt.

chf=bg,s,0000EF80

Ví dụ này áp dụng độ trong suốt cho toàn bộ hình ảnh. Hãy lưu ý cách nền của ô trong bảng hiển thị qua văn bản và nền. Hình ảnh này kết hợp hai nền bằng cách sử dụng một dấu gạch đứng:

  • a,s,00000080 – Áp dụng độ trong suốt cho toàn bộ hình ảnh.
  • bg,s,0000EF – Áp dụng nền màu xanh dương. Nền cũng được làm trong suốt nhờ thông số trước đó.

Biểu đồ tán xạ có các điểm có màu xanh dương với độ trong suốt 50%.

chf=a,s,00000080|
  bg,s,0000EF

Trở lại đầu trang

Màu tô chuyển tiếp

Bạn có thể áp dụng một hoặc nhiều màu nền chuyển màu cho công thức. Màu nền chuyển màu sẽ làm mờ từ một màu này sang một màu khác.

Mỗi màu nền chuyển màu chỉ định một góc, sau đó 2 hoặc nhiều màu được neo vào một vị trí đã chỉ định. Màu sắc thay đổi khi di chuyển từ quảng cáo cố định này sang quảng cáo cố định khác. Bạn phải có ít nhất hai màu với các giá trị <color_centerpoint> khác nhau để một màu có thể mờ dần vào màu còn lại. Mỗi độ dốc bổ sung được chỉ định bằng một cặp <color>,<color_centerpoint>.

Cú pháp

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
bg
Màu nền.
lg
Chỉ định màu nền có độ dốc.
<góc>
Một số chỉ định góc chuyển màu từ 0 (ngang) đến 90 (dọc).
<color>
Màu của màu nền, ở định dạng thập lục phân RRGGBB.
<color_centerpoint>
Chỉ định điểm neo cho màu này. Màu sẽ bắt đầu mờ dần từ điểm này khi tiến gần đến một điểm neo khác. Phạm vi giá trị từ 0 (cạnh dưới hoặc bên trái) đến 1 (cạnh trên hoặc bên phải), nghiêng một góc được xác định bằng <angle>.

 

Ví dụ

Nội dung mô tả Ví dụ:

Công thức có độ dốc theo chiều ngang, được chỉ định với góc bằng 0 độ (0).

  • chf=bg,lg – Xác định màu nền chuyển màu
  • 0 – Nghiêng 0 độ
  • FFE7C6,0 – Độ dốc màu hồng đào được căn giữa ở phía bên trái (vị trí 0)
  • 76A4FB,1 – Độ dốc màu xanh dương được căn giữa ở phía bên phải (vị trí 1.0).

Độ dốc màu xanh lam/đào tại 0 độ

chf=bg,lg,0,FFE7C6,0,76A4FB,1

Tương tự như trên, nhưng có độ dốc 45 độ.

Độ dốc màu xanh lam/đào 45 độ

chf=bg,lg,45,FFE7C6,076A4FB,1

Trở lại đầu trang

Màu nền có sọc

Bạn có thể chỉ định màu nền sọc cho công thức.

Cú pháp

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
bg
Màu nền
ls
Chỉ định màu nền dạng sọc tuyến tính.
<góc>
Góc của tất cả các sọc, so với trục y. Sử dụng 0 cho sọc dọc hoặc 90 cho sọc ngang.
<color>
Màu của sọc này, ở định dạng thập lục phân RRGGBB. Lặp lại <color> và <width> cho từng sọc bổ sung. Bạn phải có ít nhất hai sọc. Các sọc thay thế cho đến khi hình ảnh đầy.
<width>
Chiều rộng của sọc này, từ 0 đến 1, trong đó 1 là chiều rộng đầy đủ của hình ảnh. Các sọc được lặp lại cho đến khi hình ảnh đầy. Lặp lại <color> và <width> cho từng sọc bổ sung. Bạn phải có ít nhất hai sọc. Các sọc thay thế cho đến khi hình ảnh đầy.

 

Ví dụ

Nội dung mô tả Ví dụ:
  • bg,ls,0 – Các sọc nền ở góc 0 độ so với trục y (song song với trục y).
  • CCCCCC,0.15 – Sọc đầu tiên có màu xám đậm, rộng bằng 15% hình ảnh.
  • FFFFFF,0.1 – Sọc thứ hai có màu trắng, rộng bằng 10% hình ảnh.
Công thức có các đường sọc dọc
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90 – Sọc nền ở một góc 90 độ so với trục y.
  • 999999,0.25 – Sọc đầu tiên có màu xám đậm, rộng bằng 25% hình ảnh.
  • CCCCCC,0.25 – Giống như sọc đầu tiên, nhưng có màu xám nhạt hơn.
  • FFFFFF,0.25 – Giống như sọc đầu tiên, nhưng có màu trắng.
Công thức có các đường sọc ngang
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Trở lại đầu trang