ShaMan123
commented
3 years ago I think best you attach screen captures to better explain your issue
בתאריך שבת, 28 בנוב׳ 2020, 14:35, מאת zinnen notifications@github.com:
Hello, thank you very much for the effort for this package. I still have problems to display LaTeX in a nice and consistent way in an app. On Android the following code is displayed with very big differences in size:
import MathView from 'react-native-math-view'; ... return (
<MathView math={'x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}'} />
);
With mathjax-node I can easily create SVG strings. Is there a reason not to do this and to rely on line breaks and formatting of mathjax? Text and formulas are automatically wrapped at a given width (which we know from out react native app and also using Flex-View). This would make it very easy to mix text (via \text{}) and formulas.
Unfortunately I can't display these SVG strings via react-native-svg. It works in Safari, Chrome or even in online SVG viewers ( https://www.rapidtables.com/web/tools/svg-viewer-editor.html), but not in React Native. Do you have a hint what I am doing wrong with the following code?
import {SvgXml} from 'react-native-svg'; ...
const svg = <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="12.336ex" height="2.843ex" style="vertical-align: -0.505ex;" viewBox="0 -1006.6 5311.2 1223.9" role="img" focusable="false" xmlns=" http://www.w3.org/2000/svg" aria-labelledby="MathJax-SVG-1-Title"><title id="MathJax-SVG-1-Title">a^2 + b^2 = c^2<defs aria-hidden="true">
<path stroke-width="1" id="E1-MJMAIN-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"><path stroke-width="1" id="E1-MJMATHI-63" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" aria-hidden="true"><use xlink:href="#E1-MJMATHI-61" x="0" y="0"><use transform="scale(0.707)" xlink:href="#E1-MJMAIN-32" x="748" y="583"><use xlink:href="#E1-MJMAIN-2B" x="1205" y="0"><g transform="translate(2206,0)"><use xlink:href="#E1-MJMATHI-62" x="0" y="0"><use transform="scale(0.707)" xlink:href="#E1-MJMAIN-32" x="607" y="583"><use xlink:href="#E1-MJMAIN-3D" x="3367" y="0"> <use xlink:href="#E1-MJMATHI-63" x="0" y="0"><use transform="scale(0.707)" xlink:href="#E1-MJMAIN-32" x="613" y="583"> ;.... return ( <SafeAreaView style={{flex: 1}}>
);
Thank you very much, unfortunately I don't have much time to participate in development at the moment, but I'm happy to test libraries.
Andreas
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ShaMan123/react-native-math-view/issues/36, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIGAW4PEPA7QQJEEAQ2IO5DSSDVATANCNFSM4UFYRRBA .
zinnen
Hello, thank you very much for the effort for this package. I still have problems to display LaTeX in a nice and consistent way in an app. On Android the following code is displayed with very big differences in size:
With mathjax-node I can easily create SVG strings. Is there a reason not to do this and to rely on line breaks and formatting of mathjax? Text and formulas are automatically wrapped at a given width (which we know from out react native app and also using Flex-View). This would make it very easy to mix text (via \text{}) and formulas.
Unfortunately I can't display these SVG strings via react-native-svg. It works in Safari, Chrome or even in online SVG viewers (https://www.rapidtables.com/web/tools/svg-viewer-editor.html), but not in React Native. Do you have a hint what I am doing wrong with the following code?
Thank you very much, unfortunately I don't have much time to participate in development at the moment, but I'm happy to test libraries.
Andreas