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

Bạn có thể tạo 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 kết xuất nhanh:

Phương trình bậc hai

Hãy sao chép và dán URL của hình ảnh vào trình duyệt để xem URL tạo ra mỗi hình ảnh.

Hãy chỉ định công thức bằng cách sử dụng ngôn ngữ TeX trong thuộc tính src một thẻ <img>. Sau đó, công thức sẽ được trả về ở 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 tệp PNG công thức.

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 có 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 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 giá trị 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 loại màu nền. Xem phần Điền 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 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 cho URL có trong công thức. Bạn có thể tìm thấy một trình 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ã hóa URL Mã hoá 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 nền đồng nhất, chuyển màu hoặc kẻ sọc cho hình ảnh. Tất cả màu nền được chỉ định bằng tham số chf và bạn có thể kết hợp nhiều loại màu nền (màu đậm, sọc màu, 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 dấu gạch đứng ( | ).

Đầy rắn

Bạn có thể chỉ định một 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 trở nên trong suốt.

Cú pháp

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

 

Ví dụ

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

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

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

chf=bg,s,0000EF

Tương tự như trên, nhưng nền được làm trong suốt một chút bằng cách sử dụng hai chữ số alpha, 80, tương ứng với khoảng 50% độ trong suốt. 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ị thông qua văn bản cũng như nền. Hình ảnh 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ờ tham số trước.

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

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

Trở lại đầu trang

Màu nền chuyển màu

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 bị mờ dần từ một màu này sang màu khác.

Mỗi màu tô chuyển tiếp chỉ định một góc, sau đó hai hoặc nhiều màu được neo vào một vị trí được chỉ định. Màu sắc sẽ thay đổi khi di chuyển từ điểm neo này sang điểm neo 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 độ dốc màu.
<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 phần tô màu, ở định dạng thập lục phân RRGGBB.
<color_centerpoint>
Chỉ định điểm neo cho màu sắc. Màu sẽ bắt đầu mờ dần từ điểm này khi đến gần một điểm neo khác. Phạm vi giá trị là từ 0 (cạnh dưới hoặc cạnh trái) đến 1 (cạnh trên hoặc cạnh phải), nghiêng ở góc được chỉ định bởi <angle>.

 

Ví dụ

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

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

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

Đào/màu gradient xanh lam ở mức 0 độ

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

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

Màu đào/màu gradient xanh lam ở 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 có sọc cho công thức.

Cú pháp

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
bg
Lấp nền
ls
Chỉ định màu nền cho dải 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 2 sọc. Các sọc thay thế cho đến khi hình ảnh được lấp đầy.
<width>
Chiều rộng của sọc này, từ 0 đến 1, trong đó 1 là chiều rộng tối đa của hình ảnh. Các đường sọc sẽ lặp lại cho đến khi hình ảnh được lấp đầy. Lặp lại <color> và <width> cho từng sọc bổ sung. Bạn phải có ít nhất 2 sọc. Các sọc thay thế cho đến khi hình ảnh được lấp đầy.

 

Ví dụ

Nội dung mô tả Ví dụ:
  • bg,ls,0 – 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ó sọc dọc
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90 – Sọc nền tạo 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ư dải đầu tiên, nhưng có màu xám nhạt hơn.
  • FFFFFF,0.25 – Giống như dải đầu tiên, nhưng có màu trắng.
Công thức có sọc ngang
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Trở lại đầu trang