标签：javascript css tree proof

我希望在网页中以自然演绎的方式显示证明树.
我将从JSON文件中获取数据.

什么是显示这样的东西的最佳方式？
它只能用css吗？
或者有一个库可以做这样的事情吗？
渲染为图像是不可能的,因为最终它应该是交互式的.
我还应该提到这棵树可以变得相当大.

例：

更新：最终结果的最佳示例：

解决方法:

最简单的解决方案是mathjax这是一个乳胶javascript渲染器.还有很多其他类似的渲染选项.

或者你也可以看看MathML,它是写数学方程式的w3c标准.可悲的是,现在,对它的支持非常缺乏,如here所示,但从长远来看,这将是一个很好的解决方案.此外,前面提到的MathJax可以在不支持MathML的浏览器中用作MathML shim.

MathJax shim的唯一问题是,当你使它成为交互式时,它将与你支持MathML的浏览器中的代码进行不同的交互,但尽管如此我会亲自建议MathML,除非你已经被绑定到胶乳.

根据您的更新,我不确定这是否可以用MathML或LaTeX表达,我担心您唯一可以做的就是在画布上绘制它或者如果您以后需要交互性而将其设置在SVG中.但是我可以警告你,如果你不习惯,那就不会是一件简单的事.

要向Mathjax添加交互性：

>使用MathML作为输入
>使用HTML / CSS作为输出
>通过向您的核心MathJax配置添加showMathMenu：false来禁用MathJax上下文菜单
>在您的MathML标记中包含id(字面上< mo id =“someid”>例如)
>使用例如jQuery在MathJax完成后绑定到id(即$(“#someid”).on(“mousemove”,function(){…}))

可以在here找到完全正常工作的演示,移动等号以触发警报.

标签：javascript,css,tree,proof
来源： https://codeday.me/bug/20190517/1122512.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。