경고: 이 API는 지원 중단되었습니다. 대신 활발하게 유지관리되는 Google 차트 API를 사용하세요. 자세한 내용은 지원 중단 정책을 참고하세요.

이 페이지는 Cloud Translation API를 통해 번역되었습니다.

수학 공식

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

TeX 언어를 사용하여 수학 공식을 보여주는 이미지를 생성할 수 있습니다.

개요

TeX 언어('테크' 또는 '테크'로 발음)를 사용하여 수학 공식 이미지를 생성할 수 있습니다. 이는 웹페이지에 복잡한 수식을 표시할 때 유용합니다. 다음은 즉시 렌더링되는 수식의 몇 가지 예입니다.

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

$cht=tx&chco=FF0000&chf=bg,lg,20,76A4FB,1,FFFFFF,0&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

이미지 URL을 복사하여 브라우저에 붙여넣으면 각 이미지를 생성하는 URL을 확인할 수 있습니다.

src 속성 <img> 태그에 TeX 언어를 사용하여 수식을 지정하면 수식이 PNG 파일로 반환됩니다. 또는 원하는 경우 프로그래매틱 방식으로 GET 요청을 보내 PNG 수식을 검색할 수 있습니다.

문법

루트 URL: https://chart.googleapis.com/chart?

수식 이미지 요청은 ? 를 루트 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 - 이미지 투명도입니다. <color>의 처음 6자리는 무시되고 마지막 2자리 (투명도 값)만 적용됩니다.

s

단색 채우기를 지정합니다.

<color>

채우기 색상(RRGGBB[AA] 16진수 형식). 여기서 AA는 선택사항인 투명도(알파) 값입니다.

예시

설명 예시

설명	예시
파란색 배경의 수식	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF`
위와 동일하지만 배경은 두 개의 알파 숫자인 80을 사용하여 약간 투명해지며, 이는 약 50% 투명도에 해당합니다. 수식 배경은 투명하지만 텍스트는 어떻게 표시되지 않는지 확인합니다.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF80`
이 예에서는 전체 이미지에 투명도를 적용합니다. 표 셀 배경이 텍스트와 배경을 통해 어떻게 표시되는지 확인하세요. 이 이미지는 파이프 문자를 사용하여 두 개의 배경을 결합합니다. `a,s,00000080` - 전체 이미지에 투명도를 적용합니다. `bg,s,0000EF` - 파란색 배경을 적용합니다. 이전 매개변수에 의해 배경도 투명해집니다.	$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080\|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=a,s,00000080\| bg,s,0000EF`

파란색 배경의 수식

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF

위와 동일하지만 배경은 두 개의 알파 숫자인 80을 사용하여 약간 투명해지며, 이는 약 50% 투명도에 해당합니다. 수식 배경은 투명하지만 텍스트는 어떻게 표시되지 않는지 확인합니다.

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF80

이 예에서는 전체 이미지에 투명도를 적용합니다. 표 셀 배경이 텍스트와 배경을 통해 어떻게 표시되는지 확인하세요. 이 이미지는 파이프 문자를 사용하여 두 개의 배경을 결합합니다.

a,s,00000080 - 전체 이미지에 투명도를 적용합니다.
bg,s,0000EF - 파란색 배경을 적용합니다. 이전 매개변수에 의해 배경도 투명해집니다.

$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

맨 위로

그라데이션 채우기

수식에 하나 이상의 그래디언트 채우기를 적용할 수 있습니다. 그라데이션 채우기는 한 색상에서 다른 색상으로 페이드 아웃됩니다.

각 그라데이션 채우기는 각도를 지정한 후 지정된 위치에 고정된 두 개 이상의 색상을 지정합니다. 색상은 하나의 앵커에서 다른 앵커로 이동함에 따라 달라집니다. 한 색이 다른 색으로 희미해질 수 있도록 <color_centerpoint> 값이 서로 다른 색상이 2개 이상 있어야 합니다. 각각의 추가 그라데이션은 <color>,<color_centerpoint> 쌍으로 지정됩니다.

문법

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>

bg: 배경 채우기
lg: 그라데이션 채우기를 지정합니다.
<angle>: 0 (가로)에서 90 (수직)까지의 그라데이션 각도를 지정하는 숫자입니다.
<color>: RRGGBB 16진수 형식의 채우기 색상입니다.
<color_centerpoint>: 색상의 앵커 포인트를 지정합니다. 이 지점에서부터 다른 앵커에 가까워질수록 색상이 흐려지기 시작합니다. 값 범위는 0.0 (하단 또는 왼쪽 가장자리)~1.0 (상단 또는 오른쪽 가장자리)이며 <angle>로 지정된 각도로 기울어져 있습니다.

예시

설명 예시

설명	예시
수식에 각도가 0도 (`0`)로 지정된 가로 선형 그라데이션이 있습니다. `chf=bg,lg` - 그라데이션 채우기를 정의합니다. `0` - 0도 기울기 `FFE7C6`,0 - 왼쪽 중앙에 복숭아색 그라데이션 (위치 `0`) `76A4FB,1` - 오른쪽 중앙에 배치된 파란색 그라데이션입니다 (`1.0` 위치).	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,0,FFE7C6,0,76A4FB,1`
위와 동일하지만 45도 그라데이션이 적용됩니다.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,45,FFE7C6,076A4FB,1`

수식에 각도가 0도 (0)로 지정된 가로 선형 그라데이션이 있습니다.

chf=bg,lg - 그라데이션 채우기를 정의합니다.
0 - 0도 기울기
FFE7C6,0 - 왼쪽 중앙에 복숭아색 그라데이션 (위치 0)
76A4FB,1 - 오른쪽 중앙에 배치된 파란색 그라데이션입니다 (1.0 위치).

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

위와 동일하지만 45도 그라데이션이 적용됩니다.

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

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

맨 위로

줄무늬 채우기

수식에 줄무늬 배경 채우기를 지정할 수 있습니다.

문법

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>

bg: 배경 채우기
ls: 선형 스트라이프 채우기를 지정합니다.
<angle>: Y축을 기준으로 한 모든 줄무늬의 각도입니다. 세로 줄무늬에는 0를 사용하고 가로 줄무늬에는 90를 사용합니다.
<color>: 이 스트라이프의 색상으로, RRGGBB 16진수 형식입니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 2개 이상 있어야 합니다. 줄무늬는 이미지가 채워질 때까지 번갈아 표시됩니다.
<width>: 이 스트라이프의 너비로, 0부터 1까지로, 1는 이미지의 전체 너비입니다. 이미지가 채워질 때까지 줄무늬가 반복됩니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 2개 이상 있어야 합니다. 줄무늬는 이미지가 채워질 때까지 번갈아 표시됩니다.

예시

설명	예시
`bg,ls,0` - y축과 0도 각도로 된 배경 스트라이프 (y축과 평행) `CCCCCC,0.15` - 첫 번째 스트라이프는 이미지 너비의 15% 인 진한 회색입니다. `FFFFFF,0.1` - 두 번째 스트라이프는 이미지 너비의 10% 인 흰색입니다.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1`
`c,ls,90` - y축을 기준으로 90도 각도인 배경 스트라이프. `999999,0.25` - 첫 번째 스트라이프는 이미지 너비의 25% 인 진한 회색입니다. `CCCCCC,0.25` - 첫 번째 줄무늬와 동일하지만 더 밝은 회색입니다. `FFFFFF,0.25` - 첫 번째 줄과 동일하지만 흰색입니다.	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x$ `chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25`

맨 위로

수학 공식

개요

문법

URL - chl 데이터 인코딩

배경 채우기 (chf)

채우기

그라데이션 채우기

줄무늬 채우기

배경 채우기 (`chf`)