웹에서 수학 방정식을 작성하는 가장 좋은 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/796890

  •  18-09-2019
  •  | 
  •  

문제

저는 수학 관련 웹페이지를 작업 중이며 웹페이지에 수학 방정식을 쉽게 작성할 수 있는 솔루션을 찾고 있습니다.현재 쉽게 사용할 수 있는 몇 가지 솔루션이 있습니다.

  • LaTeX를 사용하여 내 웹페이지에 이미지로 게시하세요.
  • MathML 사용

이 두 솔루션은 모두 이상적이지 않으며 다소 오래된 것 같습니다.텍스트여야 하는 것을 이미지로 바꾸는 것은 결코 좋은 생각이 아니며 MathML은 모든 브라우저/운영 체제와 호환되지 않습니다.

이미지나 MathML을 사용하는 현대적인 솔루션이 있기를 바라고 있습니다. 아마도 sIFR을 활용하여 수학 방정식을 표시하는 방법이 있을까요?약간의 연구 후에도 아직 실제 해결책을 찾지 못했습니다.

제가 방정식을 게시하는 새로운 방법을 요청하고 있다는 점을 참고하시기 바랍니다.나는 이미지가 웹 페이지에 표시되는 출력이 되는 것을 원하지 않으며 오히려 이러한 방정식이 다음과 같이 렌더링되기를 원합니다. 텍스트 데이터.MathML은 제가 본 것 중 가장 가깝지만 여전히 이상적이지는 않습니다.나는 sIFR과 같은 대체 도구를 사용하여 Flash에서 방정식을 생성할 수 있는지 잠시 궁금했습니다.누구든지 이 문제에 대해 제안할 것이 있나요?

편집하다: 이 게시물을 마지막으로 업데이트한 지 꽤 시간이 지났지만 HTML5가 브라우저에 채택되면서 게임에 LaTeX와 MathML을 다시 혼합하는 새로운 플레이어가 등장했습니다. MathJax!. MathJax는 확실히 갈 길입니다!

비슷한 질문: 웹상의 수학 방정식

도움이 되었습니까?

해결책

그만큼 jsMath package는 LaTeX 마크업과 기본 글꼴을 사용하는 옵션입니다.해당 웹페이지에서 인용 http://www.math.union.edu/~dpvc/jsMath/:

JSMATH 패키지는 Windows, Macintosh OS X, Linux 및 기타 UNIX의 풍미에서 여러 브라우저에서 작동하는 HTML 페이지에 수학을 포함시키는 방법을 제공합니다.그것은 수학을 나타내는 이미지를 사용하는 전통적인 방법의 다수의 단점을 극복합니다.jsMath는 기본 글꼴을 사용하므로 크기를 변경할 때 크기 조정 text를 사용하면 프린터의 전체 해상도, 그리고 수십 년을 기다릴 필요가 없습니다 다음을 위해 다운로드할 이미지의 수 웹 페이지의 수학을 참조하십시오.웹 페이지에도 장점이 있습니다 저자, 그럴 필요가 없기 때문에 생성할 웹 페이지를 전처리합니다. 모든 이미지와 수학은 TeX 형태로 입력되므로 쉽게 사용할 수 있습니다. 웹 페이지를 만들고 유지 관리합니다.

예를 들어 참조 이 페이지 또는 하나.

다른 팁

방금 jqmath라는 이름의 JavaScript 모듈을 작성했습니다. 보다 http://mathscribe.com/author/jqmath.html

그것은 Mathjax와 비슷하지만 단순하고 작고 빠릅니다.

내 웹 사이트에 병합 된 셀이있는 테두리 테이블을 사용하여 수학 방정식을 표시했습니다. 그것은 대부분의 방정식에 탁월합니다. 그러나 마크 업은 일반적으로 약간 복잡하기 때문에 하드 핵심 수학 웹 사이트의 경우 시간이 많이 걸릴 것입니다.

코드는 다음과 같습니다.

<style type="text/css">
  table.math{font:17px georgia, times, serif;border-collapse:collapse;border:none;}
  td.a{text-align:center;}
  td.b{padding:0 2px;}
  td.c{border-top:1px solid #505050;border-left:1px solid #505050;border-bottom:1px solid #505050;}
  td.d{border-top:1px solid #505050;border-right:1px solid #505050;border-bottom:1px solid #505050;}
  td.e{text-align:center;border-top:1px solid #505050;}
</style>
<table class="math">
  <tr>
    <td class="a">1</td>
    <td class="b" rowspan="2">&times;</td>
    <td class="c" rowspan="2">&nbsp;</td>
    <td class="a">8</td>
    <td class="b" rowspan="2">+</td>
    <td class="a">1</td>
    <td class="d" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td class="e">x + 2</td>
    <td class="e">x + 2</td>
    <td class="e">x &minus; 1</td>
  </tr>
</table>

위 코드의 출력은 다음과 같습니다.

enter image description here

라텍스는 이미 그물과 학계에서 광범위하게 사용하여 방정식을 렌더링합니다.

이에 대한 좋은 예는 Wikipedia입니다.이 페이지를 1 예를 살펴보십시오.

http://en.wikipedia.org/wiki/latitude

나는 이것이 생성 된 것임을 알고 있지만 : 이미지를 사용하는 것은 일부 단점을 제공하는 경우 브라우저 호환 방식으로 웹에서 많은 것을 달성 할 수있는 실용적인 방법입니다. (예 : Google지도, 둥근 코너, 그래프, 고급 타이포그래피)

또한 '날짜'는 '시도, 테스트 및 기능 완료'로 해석 될 수 있습니다.

SIFR을 지적 해 주셔서 감사합니다 - 나중에 볼 것입니다. 이미 인쇄와 같이 탐색 할 것들 목록이 있습니까? (HTML + 이미지는 이것을 잘 할 수 있습니다.

Confluence Wiki에 라텍스 플러그인을 사용하여 웹에 방정식을 작성했습니다 (인트라넷에). 웹 브라우저에 이미지가 표시되지만 페이지를 편집하면 라텍스 소스를 여전히 볼 수 있습니다.

웹 사이트를 호스팅하는 데 사용하는 내용은 모르겠지만 비슷한 접근 방식을 사용할 수 있습니다. 페이지에 라텍스 소스를 포함시키고 웹 브라우저의 이미지로 렌더링합니다.

MathTran은 내가 이것에 대해 얻은 가장 좋은 솔루션입니다.

http://www.mathtran.org/

나는 둘 다 좋아한다 Mathbin.net 그리고 로저의 온라인 방정식 편집기. 후자를 사용하면 출력의 품질을 제어 할 수 있습니다.

내 LATEX2FLASH 솔루션을 사용해보십시오! :)

http://validi.fi/latex2flash

http://sourceforge.net/projects/latex2flash/

HTML 페이지에 라텍스를 직접 작성하고이를 사용하여 동적으로 표시 할 수 있습니다. 도서관 :

http://www.codecogs.com/components/equationeditor/equationeditor.php

해결책은 사용하는 것입니다 http://www.codecogs.com/components/equationeditor/equationeditor.php

웹 사이트를 사용하면 Latex 형식으로 방정식을 입력하고 Tex 서버를 사용하여 방정식을 이미지로 변환하고 수학 방정식을 표시 할 수 있습니다.

예를 보여 드리겠습니다. 제가 입력하는 통합 공식을 인쇄하고 싶다고 가정 해 봅시다.

img style = "display : block; float : none; margin-left : auto; margin-right : auto"title = " int_ {a}^{b} (x+2) dx"src = "http : // ralex.codecogs.com/gif.latex?int_ {a} {b }(X+2)dx "

위의 코드의 세 번째를 참조하십시오. 라텍스 수학 방정식은 SRC =”의 물음표 후에 삽입됩니다.http://latex.codecogs.com/gif.latex? 마음 당신의 Tex Code Here]””

그것은 당신의 주요 목적과 청중에 따라 다릅니다.

MathMl (MathMl2)은 유망한 것처럼 들리지만 여전히 브라우저 및 MathML 방정식 편집기 (또는 Generator)에서 많은 호환성 문제가 있습니다. 많은 복잡한 방정식이 다른 브라우저에서 유지되거나 동일하게 표시되지 않습니다. 많은 수학 편집기, 컨버터, 발전기는 MathML을 지원한다고 말합니다. 그러나 출력이 비슷해 보일 수 있지만 결과는 동일하지 않습니다. MathML 2에서 많은 복잡한 방정식을 정의하는 것은 쉽지 않습니다. MathMl3이 널리 지원되면 MathMl이 갈 수있는 방법 일 수 있습니다.

수학 표현식이 대화식이 아니고 동적으로 생성 할 필요가없는 경우 페이지에서 정적으로 정적 인 경우 PNG 또는 JPG 이미지가 좋은 옵션 일 수 있습니다. 대부분의 경우 이미지의 크기가 크지 않으며 페이지에 수십 방정식을 표시하는 것은 요즘 고속 인터넷을 가지고 있기 때문에 매우 빠릅니다. 스크립트 기반 방정식이 종종 몇 개의 KB이기 때문에 PNG 이미지와 모든 스크립트 기반 렌더링 접근 방식의 차이가 크지 않으며 모든 스크립트를 다운로드 한 후 로컬 컴퓨터에서 이미지를 렌더링하는 데 시간이 걸리기 때문입니다. 또한 PNG 또는 JPG 기반 방정식 이미지의 재 편집을 지원하는 많은 응용 프로그램이 있습니다. MathMagic (www.mathmagic.com)은 재 편집 가능한 PNG (투명 PNG), GIF, JPG, BMP를 지원합니다. Mathtype (www.dessci.com)는 재 편집 가능한 GIF를 지원합니다. MathMagic은 또한 MathType 이미지를 읽습니다.

화면과 인쇄와 같은 고품질 출력 모두 벡터 기반 이미지 형식이 필요한 경우 SVG가 진행될 수 있습니다. 또한 PDF는 경우에 따라 옵션이 될 수 있습니다. 많은 Mac 방정식 편집기는 일종의 (거의 기본) Mac OS X 형식이므로 PDF 형식을 지원합니다. 그러나 Windows에서 PDF를 지원하는 몇 가지만이 있습니다. 최신 MathType Mac 버전은 PDF를 지원합니다. MathMagic은 Mac과 승리 모두에서 PDF를 지원합니다. MathMagic도 SVG를 지원해 보입니다.

일부 제한된 작가가 방정식을 만들면 최상의 결과를 얻기 위해 결합 할 수있는 많은 옵션이 있습니다. 최신 MS Word의 내장 MathMl/XML 기반 방정식 편집기를 사용한 다음 페이지를 웹으로 변환하는 등. 또는 빠른 쓰기 및 편집을 위해 몇 개의 제 3 자 Wysiwyg 방정식 편집기 (예 : Mathtype 또는 MathMagic)를 사용한 다음 방정식을 MathML, Latex 또는 Wiki Compliant 방정식 형식으로 저장하고 Codecogs.com과 같은 온라인 방정식 렌더링 엔진과 함께 사용합니다. 또는 Mathjax.

ebook/epub와 같은 다른 형식에 내용을 사용해야하는 경우 방정식 품질과 Indesign과 같은 솔루션과의 통합을 포함하여 고려해야 할 다른 요소가 있어야합니다.

잘못된 것이 있으면 저를 수정 해주세요.

itex2img 내가 사용한 최고의 것입니다. 다음은 예제가있는 스크린 샷입니다.

enter image description here

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top