Mathjax gives wrong values with phantomjs2
18 vues
Accéder directement au premier message non lu
ppavan...@gmail.com
5 janv. 2018, 09:57:4305/01/2018
à MathJax Users
Hi All,
I am using the mathjax to convert mathml into svg.
This is my mathml code
<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
<mrow>
<msubsup>
<mo> ∫ </mo>
<mn> 0 </mn>
<mn> 1 </mn>
</msubsup>
<mrow>
<msup>
<mi> ⅇ </mi>
<mi> x </mi>
</msup>
<mo> ⁢ </mo>
<mrow>
<mo> ⅆ </mo>
<mi> x </mi>
</mrow>
</mrow>
</mrow>
</math>
when i convert it with phantomjs1.9.x and mathjax, i got correct svg output.
<html style="display: block; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:512px;height:73px;text-align:-webkit-auto;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" xmlns="http://www.w3.org/1999/xhtml" ><head style="display: none; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:-webkit-auto;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >
<meta charset="UTF-8" style="display: none; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:-webkit-auto;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" />
<title style="display: none; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:-webkit-auto;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >MathML Test</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML" id="" style="display: none; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:-webkit-auto;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >
</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta charset="UTF-8" /></head>
<body style="font-size: 2em; display: block; " body-margin-left="" body-margin-right="" body-margin-left-importance="" body-margin-right-importance="" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:496px;height:57px;text-align:-webkit-auto;font-size:32px;margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >
<span style="font-style: normal; font-weight: normal; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; min-width: 0px; min-height: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: inline; line-height: 1.2em; " class="MathJax_SVG" id="MathJax-Element-1-Frame" tabindex="0" data-mathml="<math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><msubsup><mo>&#x222B;</mo><mn>0</mn><mn>1</mn></msubsup><mrow><msup><mi>&#x2147;</mi><mi>x</mi></msup><mo>&#x2062;</mo><mrow><mo>&#x2146;</mo><mi>x</mi></mrow></mrow></mrow></math>" role="presentation" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><svg xmlns:xlink="http://www.w3.org/1999/xlink" width="7.517ex" height="3.362ex" style="-webkit-transition-property: none; vertical-align: -0.946ex; display: inline; " viewBox="0 -1040.4 3236.3 1447.6" role="img" focusable="false" aria-hidden="true" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:127px;height:57px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:-16px;line-height:normal;" ><defs style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><path stroke-width="1" id="MJSZ1-222B" d="M113 -244Q113 -246 119 -251T139 -263T167 -269Q186 -269 199 -260Q220 -247 232 -218T251 -133T262 -15T276 155T297 367Q300 390 305 438T314 512T325 580T340 647T361 703T390 751T428 784T479 804Q481 804 488 804T501 805Q552 802 581 769T610 695Q610 669 594 657T561 645Q542 645 527 658T512 694Q512 705 516 714T526 729T538 737T548 742L552 743Q552 745 545 751T525 762T498 768Q475 768 460 756T434 716T418 652T407 559T398 444T387 300T369 133Q349 -38 337 -102T303 -207Q256 -306 169 -306Q119 -306 87 -272T55 -196Q55 -170 71 -158T104 -146Q123 -146 138 -159T153 -195Q153 -206 149 -215T139 -230T127 -238T117 -242L113 -244Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMAIN-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMAIN-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMATHI-78" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMATHI-78" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><use href="#MJSZ1-222B" x="0" y="0" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><use transform="scale(0.707)" href="#MJMAIN-31" x="921" y="754" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><use transform="scale(0.707)" href="#MJMAIN-30" x="668" y="-484" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><g transform="translate(1272,0)" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><text font-family="STIXGeneral,'Arial Unicode MS',serif" font-style="italic" stroke="none" transform="scale(25.327) matrix(1 0 0 -1 0 0)" style="-webkit-transition-property: none; display: block; " computedstyle="font_style:italic;font_weight:normal;font_variant:normal;width:17px;height:34px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >ⅇ</text><use transform="scale(0.707)" href="#MJMATHI-78" x="573" y="513" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><g transform="translate(910,0)" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(25.327) matrix(1 0 0 -1 0 0)" style="-webkit-transition-property: none; display: block; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:20px;height:34px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >ⅆ</text><use href="#MJMATHI-78" x="481" y="0" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use></g></g></g></svg></span><script type="math/mml" id="MathJax-Element-1" style="display: none; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:-webkit-auto;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<msubsup>
<mo> ∫ </mo>
<mn> 0 </mn>
<mn> 1 </mn>
</msubsup>
<mrow>
<msup>
<mi> ⅇ </mi>
<mi> x </mi>
</msup>
<mo> </mo>
<mrow>
<mo> ⅆ </mo>
<mi> x </mi>
</mrow>
</mrow>
</mrow>
</math></script>
</body></html>
When i convert the same mathml with phantomjs2 it give me some wrong values for g (glyphs)
output of phantomjs2 is given below
<html style="display: block;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:512px;height:164px;text-align:start;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" xmlns="http://www.w3.org/1999/xhtml" ><head style="display: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >
<meta charset="UTF-8" style="display: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" />
<title style="display: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >MathML Test</title>
<!-- script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta charset="UTF-8" /></head>
<body style="font-size: 2em; display: block;" body-margin-left="" body-margin-right="" body-margin-left-importance="" body-margin-right-importance="" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:496px;height:100px;text-align:left;font-size:32px;margin-left:8px;margin-right:8px;margin-top:8px;margin-bottom:8px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >
<div class="MathJax_SVG_Display" style="text-align: center; text-indent: 0px; min-width: 0px; min-height: 0px; width: 100%; display: block;margin-top:1em; margin-right:0em; margin-bottom:1em; margin-left:0em; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:496px;height:100px;text-align:center;font-size:32px;margin-left:0px;margin-right:0px;margin-top:32px;margin-bottom:32px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><span class="MathJax_SVG" id="MathJax-Element-1-Frame" tabindex="0" data-mathml="<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mrow><msubsup><mo>&#x222B;</mo><mn>0</mn><mn>1</mn></msubsup><mrow><msup><mi>&#x2147;</mi><mi>x</mi></msup><mo>&#x2062;</mo><mrow><mo>&#x2146;</mo><mi>x</mi></mrow></mrow></mrow></math>" role="presentation" style="display: inline; font-style: normal; font-weight: normal; line-height: 1.2em; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; min-width: 0px; min-height: 0px;margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px;padding-right:0px; padding-left:0px; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><svg xmlns:xlink="http://www.w3.org/1999/xlink" width="6.408ex" height="5.979ex" viewBox="0 -1611.7 2758.8 2574.3" role="img" focusable="false" aria-hidden="true" style="vertical-align: -2.236ex; display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:108px;height:101px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:-37.068687438964844px;line-height:normal;" ><defs style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><path stroke-width="1" id="MJSZ2-222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMAIN-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMAIN-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMATHI-78" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path><path stroke-width="1" id="MJMATHI-78" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><use href="#MJSZ2-222B" x="0" y="0" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><use transform="scale(0.707)" href="#MJMAIN-31" x="1500" y="1540" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><use transform="scale(0.707)" href="#MJMAIN-30" x="787" y="-1270" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><g transform="translate(1681,0)" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><text font-family="STIXGeneral,'Arial Unicode MS',serif" font-style="italic" stroke="none" transform="scale(25.963) matrix(1 0 0 -1 0 0)" style="display: block; -webkit-transition-property: none;" computedstyle="font_style:italic;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >ⅇ</text><use transform="scale(0.707)" href="#MJMATHI-78" x="0" y="583" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use><g transform="translate(504,0)" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(25.963) matrix(1 0 0 -1 0 0)" style="display: block; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" >ⅆ</text><use href="#MJMATHI-78" x="0" y="0" style="display: inline; -webkit-transition-property: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ></use></g></g></g></svg></span></div><script type="math/mml" id="MathJax-Element-1" style="display: none;" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:auto;height:auto;text-align:left;font-size:32px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:normal;" ><math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
<mrow>
<msubsup>
<mo> ∫ </mo>
<mn> 0 </mn>
<mn> 1 </mn>
</msubsup>
<mrow>
<msup>
<mi> ⅇ </mi>
<mi> x </mi>
</msup>
<mo> </mo>
<mrow>
<mo> ⅆ </mo>
<mi> x </mi>
</mrow>
</mrow>
</mrow>
</math></script>
</body></html>
Why width of svg tag, x value of <use href="#MJMATHI-78" and translate value of g tag is incorrect.
Attached file location https://github.com/mathjax/MathJax/files/1606716/MathML_with_phantomjs2.txt
https://github.com/mathjax/MathJax/files/1606719/MathML_with_phantomjs1.txt
Thanks
Peter Krautzberger
5 janv. 2018, 12:06:1305/01/2018
à mathja...@googlegroups.com
Hi,
Please mention when you double post to other places (i.e., the issue tracker in this case).
PhantomJS is no longer maintained. You might want to try mathjax-node.
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.
ppavan...@gmail.com
5 janv. 2018, 12:54:0105/01/2018
à MathJax Users
Hi Peter,
Thanks for the response.
So, mathjax may not work properly with phantomjs?
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.
Peter Krautzberger
5 janv. 2018, 13:06:0705/01/2018
à mathja...@googlegroups.com
No, mathjax should work with phantomjs but phantomjs is using an old webkit version, so there might be bugs in phantomjs that are not worth working around.
You might want to share a minimal sample exhibiting the problem (including the content and scripts running phantomJS).
Regards,
Peter
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-users+unsubscribe@googlegroups.com.
Pavan Tiwari
5 janv. 2018, 13:06:1905/01/2018
à mathja...@googlegroups.com
I think problem is occurring due to the special characters.
If i use any normal letter instead of <mi> ⅇ </mi> then this works perfectly fine.
So is there any workaround available for such content?
Regards,
Pavan Tiwari
--
You received this message because you are subscribed to a topic in the Google Groups "MathJax Users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/mathjax-users/IEI9rpSgE9k/unsubscribe.
To unsubscribe from this group and all its topics, send an email to mathjax-users+unsubscribe@googlegroups.com.
Pavan Tiwari
5 janv. 2018, 13:07:5205/01/2018
à mathja...@googlegroups.com
I have also tried mathjax-node
./mml2svg "<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'> <mrow> <msubsup> <mo> ∫ </mo> <mn> 0 </mn> <mn> 1 </mn> </msubsup> <mrow> <msup> <mi> ⅇ </mi> <mi> x </mi> </msup> <mo> </mo> <mrow> <mo> ⅆ </mo> <mi> x </mi> </mrow> </mrow> </mrow> </math>"
but it says SVG - Unknown character: U+2147 in MathJax_Math-italic,MathJax_Main-italic,MathJax_Main,MathJax_Size1,MathJax_AMS
SVG - Unknown character: U+2147 in MathJax_Math-italic,MathJax_Main-italic,MathJax_Main,MathJax_Size1,MathJax_AMS
SVG - Unknown character: U+2146 in MathJax_Main,MathJax_Size1,MathJax_AMS
Pavan Tiwari
5 janv. 2018, 13:13:0005/01/2018
à mathja...@googlegroups.com
Attached sample input file.
I am MathJax single file build "MMLSVG" to convert html with mathml into svg.
Output is correct in case of phantomjs1.9.x but output of phantomjs2.x is having overlapping content.
Please let me know if you need any more information.
ppavan...@gmail.com
5 janv. 2018, 15:55:2305/01/2018
à MathJax Users
This is happening only in linux, in mac it is working fine.
On Friday, January 5, 2018 at 11:43:00 PM UTC+5:30, Pavan Tiwari wrote:
Attached sample input file.I am MathJax single file build "MMLSVG" to convert html with mathml into svg.Output is correct in case of phantomjs1.9.x but output of phantomjs2.x is having overlapping content.Please let me know if you need any more information.
Peter Krautzberger
9 janv. 2018, 05:13:3409/01/2018
à mathja...@googlegroups.com
Hi,
> but it says
> SVG - Unknown character: U+2147 in MathJax_Math-italic,MathJax_Main-italic,MathJax_Main,MathJax_Size1,MathJax_AMS
> SVG - Unknown character: U+2147 in MathJax_Math-italic,MathJax_Main-italic,MathJax_Main,MathJax_Size1,MathJax_AMS
> SVG - Unknown character: U+2146 in MathJax_Main,MathJax_Size1,MathJax_AMS
These are warnings not errors. They indicate that fallbacks will be used, cf http://docs.mathjax.org/en/latest/font-support.html#character-fallbacks
Regards,
Peter.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-users+unsubscribe@googlegroups.com.
Pavan Tiwari
9 janv. 2018, 10:35:3309/01/2018
à mathja...@googlegroups.com
Make sense,
Because in different machine i can see the different fonts used for the given character.
Generally Mathjax uses STIX fonts.
Is there ay way to use custom font instead of using system fonts in case of fallback?
Can I use my own font-file for fallback?
Thanks
Davide Cervone
11 janv. 2018, 16:39:2111/01/2018
à mathja...@googlegroups.com
The default MathJax fonts don't include every possible character, and you are using two that aren't included in those fonts (U+2147 from ⅇ and U+2146 from ⅆ). In this case, MathJax will simply insert the reference to the character and hope that your system has a font installed that includes the characters. But because these are not characters MathJax knows about, it doesn't have any bounding-box information for them, and so it tries to measure the width of the one that gets used. If you take the SVG that was created on one system and use it on another, if the font used for that unknown character isn't the same, the width of the character may differ, and so the placement of the following character may be "wrong" on the second system. That is what is happening for you, as you have surmised.
There are several possible solutions. The two characters in question are in the STIX fonts, so you could configure MathJax to use that font rather than the default TeX fonts. Not everyone likes the look of the STIX fonts (particularly if they are used to the TeX fonts). Another option would be to use the LatinMordern fonts, which are based on the TeX fonts, but include more characters (including the two that you need); unfortunately, the font data file for LatinModern is misconfigured, and so you would need to include additional configuration to make that work.
MathJax tries to suggest to the browser to use the STIX fonts when a character is missing from the MathJax TeX fonts, but you can override that font, so the final alternative would be to specify a font to use that you know will be available on your reader's systems, or that you have loaded as a web font yourself.
So any of those would work. Here is how to configure MathJax for each:
To use the STIX fonts:
<script type="text/x-mathjax-config">MathJax.Hub.Config({SVG: {font: "STIX-Web"}});</script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=MML_SVG"></script>
To use LatinModern:
<script type="text/x-mathjax-config">MathJax.Hub.Config({SVG: {font: "Latin-Modern"}});MathJax.Hub.Register.StartupHook("SVG Jax Ready", function () {var VARIANT = MathJax.OutputJax.SVG.FONTDATA.VARIANT;VARIANT["normal"].fonts.push("LatinModernMathJax_DoubleStruck");VARIANT["bold"].fonts.push("LatinModernMathJax_DoubleStruck");VARIANT["italic"].fonts.push("LatinModernMathJax_DoubleStruck");VARIANT["bold-italic"].fonts.push("LatinModernMathJax_DoubleStruck");});</script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=MML_SVG"></script>
To use a system font (that must be present on your reader's system or loaded by you as a web font for correct results):
<script type="text/x-mathjax-config">MathJax.Hub.Config({SVG: {undefinedFamily: "yourFontHere"}});</script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=MML_SVG"></script>
Hope one of those does the trick for you.
Davide
Répondre à tous
Répondre à l'auteur
Transférer
0 nouveau message