html字体边缘怎么带颜色,带有html背景和字体颜色问题的MathJax

当使用html背景和字体颜色时,以下html文件在显示模式下不显示LaTex表达式(分数a/b)。另外,在内联模式下,使用背景和字体颜色时,分母会将较低的边缘切割一点(如下图所示)。感谢您为我们提供MathJax,因为它在我们工作的许多领域对我们有很大的帮助。带有html背景和字体颜色问题的MathJax

HTML文件

A \(\frac{a}{b}\) fraction in inline mode

A\[\frac{a}{b}\] fraction in display mode

A \(\frac{a}{b}\) fraction in inline mode with black background and white font

A \[\frac{a}{b}\] fraction in display mode with black background and white font. This one is not displaying fraction.

同时显示在IE 11和Chrome:

ozlPJ.png

2017-08-06

nam

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要设置MathJax公式的字体大小为2.8em,以及将画布的背景颜色设为绿色,你可以在CSS样式中添加相应的代码。以下是一个示例: ```html <!DOCTYPE html> <html> <head> <title>MathJax Example</title> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script> <style> #mathjax-formula { font-size: 2.8em; background-color: green; position: absolute; left: 0; top: 0; cursor: move; } </style> </head> <body> <div id="mathjax-formula"> <!-- 这里是你的MathJax公式 --> \(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\) </div> <script> var mathjaxFormula = document.getElementById("mathjax-formula"); var isDragging = false; var offset = { x: 0, y: 0 }; mathjaxFormula.addEventListener("mousedown", function(event) { isDragging = true; offset.x = event.clientX - mathjaxFormula.offsetLeft; offset.y = event.clientY - mathjaxFormula.offsetTop; }); document.addEventListener("mousemove", function(event) { if (isDragging) { mathjaxFormula.style.left = (event.clientX - offset.x) + "px"; mathjaxFormula.style.top = (event.clientY - offset.y) + "px"; } }); document.addEventListener("mouseup", function() { isDragging = false; }); MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['\\(','\\)'] ], processEscapes: true } }); MathJax.Hub.Queue(["Typeset", MathJax.Hub]); </script> </body> </html> ``` 在这个示例中,我们在CSS样式中添加了如下代码: ```css #mathjax-formula { font-size: 2.8em; background-color: green; } ``` 其中`font-size: 2.8em`设置了公式的字体大小为2.8倍的默认字体大小,`background-color: green`设置了公式容器的背景颜色为绿色。 将以上代码保存为一个HTML文件,打开该文件,你将会看到MathJax公式以2.8倍字体大小渲染,并且在绿色背景的画布上可以通过鼠标拖动公式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值