zoukankan      html  css  js  c++  java
  • 如何在网页中显示数学公式与化学公式的方法

    一、实现方法:http://asciimath.org/

      1、asciimathml,mathjax

    二、展示技巧:

      1. Use MathJax to render your formulas. MathJax is a full fledged open source JavaScript display engine for mathematics and works in all browsers.
      2. This is the recommended approach!

        Get started by loading the default AsciiMath configuration:

        <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML"></script>

        Text in you HTML enclosed in ` (backticks) will now get rendered as a math formula. The math delimiters can also be customized. Check out the MathJax website for more information!

      3. Load the AsciiMath javascript file (get it on GitHub) in either the head or the body tag of your website like this:

        <script src="ASCIIMathML.js"></script>

        This file contains JavaScript to convert AsciiMath notation and (some) LaTeX to Presentation MathML. The conversion is done while the HTML page loads.

        Attention: Currently this only works in Firefox 3+ and Safari 5.1

      4. Syntax

        Operation symbols
        TypeSee
        + +
        -
        *
        **
        ***
        // /
        \
        xx ×
        -: ÷
        @
        o+
        ox
        o.
        sum
        prod
        ^^
        ^^^
        vv
        vvv
        nn
        nnn
        uu
        uuu
        Miscellaneous symbols
        TypeSee
        int
        oint
        del
        grad
        +- ±
        O/
        oo
        aleph
        /_
        :.
        |...| |...|
        |cdots| ||
        vdots
        ddots
        | | | |
        |quad| |  |
        diamond
        square
        |__
        __|
        |~
        ~|
        CC C
        NN N
        QQ Q
        RR R
        ZZ Z
        Relation symbols
        TypeSee
        = =
        !=
        < <
        > >
        <=
        >=
        -<
        >-
        in
        !in
        sub
        sup
        sube
        supe
        -=
        ~=
        ~~
        prop
        Greek Letters
        TypeSeeTypeSee
        alpha α
        beta β
        chi χ
        delta δ Delta Δ
        epsilon ε
        varepsilon ɛ
        eta η
        gamma γ Gamma Γ
        iota ι
        kappa κ
        lambda λ Lambda Λ
        mu μ
        nu ν
        omega ω Omega Ω
        phi ϕ Phi Φ
        varphi φ
        pi π Pi Π
        psi ψ Psi Ψ
        rho ρ
        sigma σ Sigma Σ
        tau τ
        theta θ Theta Θ
        vartheta ϑ
        upsilon υ
        xi ξ Xi Ξ
        zeta ζ
        Logical symbols
        TypeSee
        and and
        or or
        not ¬
        =>
        if if
        iff
        AA
        EE
        _|_
        TT
        |--
        |==
        Grouping brackets
        TypeSee
        ( (
        ) )
        [ [
        ] ]
        { {
        } }
        (:
        :)
        {:  
        :} :}
        Arrows
        TypeSee
        uarr
        darr
        rarr
        ->
        |->
        larr
        harr
        rArr
        lArr
        hArr
        Accents
        TypeSee
        hat x xˆ
        bar x x¯
        ul x x
        vec x x
        dot x x.
        ddot x x..
        Font commands
        TypeSee
        bb "AaBbCc" AaBbCc
        bbb "AaBbCc" AaBbCc
        cc "AaBbCc" AaBbCc
        tt "AaBbCc" AaBbCc
        fr "AaBbCc" AaBbCc
        sf "AaBbCc" AaBbCc

        Special Cases

        Matrices: [[a,b],[c,d]] yields to [acbd]

        Column vectors: ((a,b),(c,d)) yields to (acbd)

        Complex subscripts: lim_(x->oo) yields to limx

        Subscripts must come before superscripts: int_0^1 f(x)dx yields to 10f(x)dx

        Attention: Always try to surround the > and < characters with spaces so that the html parser does not confuse it with an opening or closing tag!


        Standard Functions

        sin, cos, tan, csc, sec, cot, sinh, cosh, tanh, log, ln, det, dim, lim, mod, gcd, lcm, min, max


        The Grammar

        Here is a definition of the grammar used to parse AsciiMath expressions. In the Backus-Naur form given below, the letter on the left of the ::= represents a category of symbols that could be one of the possible sequences of symbols listed on the right. The vertical bar | separates the alternatives.

        c ::= [A-z] | numbers | greek letters | other constant symbols (see below)
        u ::= 'sqrt' | 'text' | 'bb' |     other unary symbols for font commands
        b ::= 'frac' | 'root' | 'stackrel' binary symbols
        l ::= ( | [ | { | (: | {:          left brackets
        r ::= ) | ] | } | :) | :}          right brackets
        S ::= c | lEr | uS | bSS | "any"   simple expression
        E ::= SE | S/S | S_S | S^S | S_S^S expression (fraction, sub-, super-, subsuperscript)
  • 相关阅读:
    navigator对象及属性(userAgent)(扩展)
    最新Visual C++ 运行时
    Wakfu .pk 音频文件提取
    Flex布局学习记录
    小程序 swiper bindChange 抖动解决方法
    小程序 scroll-view 无法触发 onReachBottom 解决办法
    小程序修改按钮宽高
    db.collection(变量名)
    小程序图片轮播自适应
    微信小程序 MD5引用
  • 原文地址:https://www.cnblogs.com/fedro/p/4401935.html
Copyright © 2011-2022 走看看