MathJax Transform Issue

[sathish...@gmail.com]

Hi All,

I'm using MathJax Version 2.6.1. I'm facing a issue when I implement scaling option in my application. the math equation is not properly transforming with content. 

Thanks in Advance.

Regards,

Marappan.K

[Peter Krautzberger]

Hi,

You might want to provide more information.

Regards,

Peter.

--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-users+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[sathish...@gmail.com]

Hi,

Thanks for your response. I'm attaching two types of screenshots. 

The first one is actual MathJax equation, without an additional setting updates.  

1. 

The next one is, I have applied scaling option (transform:scale(1.125)) to match the content. The problem is, Now the MathJax content overriding the content. Please refer the second image below.

2

I would like to match the font size of the content and MathJax equations, at least visually.

Regards,

Marappan.K 

On Monday, 24 October 2016 12:57:07 UTC+5:30, Peter Krautzberger wrote:

Hi,

You might want to provide more information.

Regards,

Peter.

On Sat, Oct 22, 2016 at 7:47 AM, <sathish...@gmail.com> wrote:

Hi All,

I'm using MathJax Version 2.6.1. I'm facing a issue when I implement scaling option in my application. the math equation is not properly transforming with content. 

Thanks in Advance.

Regards,

Marappan.K

--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.

[Peter Krautzberger]

Hi,

There's not much to say without a live sample, I'm afraid. It looks like the surrounding CSS is interfering with MathJax's rendering.

In general, MathJax matches the ex-height of the surrounding font which is considered ideal. But you might want to play with the scale options for the various output mechanisms, see, e.g., http://docs.mathjax.org/en/latest/options/CommonHTML.html.

Regards,

Peter.

To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-users+unsubscribe@googlegroups.com.

[Davide Cervone]

Thanks for your response. I'm attaching two types of screenshots. 

Your results are the expected result for using transform:scale() because transform does not change the bounding box of the element being transformed.  So the space reserved for the transformed element is the same as the un-transformed element.  That is why when you enlarge the math, it overflows onto the text that surrounds it.  This is how transform is SUPPOSED to work.  For example,

aaaaa

<span style="display:inline-block; background:red">

<div>XYZ</div>

</span>

bbbbb

<br><br>

aaaaa

<span style="display:inline-block; background:red">

<div style="transform:scale(2.0)">XYZ</div>

</span>

bbbbb

produces the following:

As you can see, the transformed XYZ extends outside its bounding box.  This is as expected, and really is unrelated to MathJax, since that is just how transform works.

As Peter says, you should use the MathJax configuration to set the scaling that you want for the output renderer that you are using.

Davide