search

typora / typora-issues

Bugs, suggestions or free discussions about the minimal markdown editor — Typora
https://typora.io
1.53k stars 58 forks source link

SVG image render not working correctly #3243

Closed riccardoratta closed 4 years ago

riccardoratta commented 4 years ago

Some SVG images are not rendered correctly, for instance the following diagram (exported as SVG from draw.io) has the text not rendered or wrong placed.

Screenshot 2020-02-10 at 16 07 31

The same document displayed with firefox

Screenshot 2020-02-10 at 16 11 04
Raw SVG
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="752px" height="571px" viewBox="-0.5 -0.5 752 571"><defs><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Hover_Frame {border-radius: .25em; -webkit-border-radius: .25em; -moz-border-radius: .25em; -khtml-border-radius: .25em; box-shadow: 0px 0px 15px #83A; -webkit-box-shadow: 0px 0px 15px #83A; -moz-box-shadow: 0px 0px 15px #83A; -khtml-box-shadow: 0px 0px 15px #83A; border: 1px solid #A6D ! important; display: inline-block; position: absolute}&#xa;.MathJax_Menu_Button .MathJax_Hover_Arrow {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; font-family: 'Courier New',Courier; font-size: 9px; color: #F0F0F0}&#xa;.MathJax_Menu_Button .MathJax_Hover_Arrow span {display: block; background-color: #AAA; border: 1px solid; border-radius: 3px; line-height: 0; padding: 4px}&#xa;.MathJax_Hover_Arrow:hover {color: white!important; border: 2px solid #CCC!important}&#xa;.MathJax_Hover_Arrow:hover span {background-color: #CCC!important}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">#MathJax_About {position: fixed; left: 50%; width: auto; text-align: center; border: 3px outset; padding: 1em 2em; background-color: #DDDDDD; color: black; cursor: default; font-family: message-box; font-size: 120%; font-style: normal; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}&#xa;#MathJax_About.MathJax_MousePost {outline: none}&#xa;.MathJax_Menu {position: absolute; background-color: white; color: black; width: auto; padding: 5px 0px; border: 1px solid #CCCCCC; margin: 0; cursor: default; font: menu; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}&#xa;.MathJax_MenuItem {padding: 1px 2em; background: transparent}&#xa;.MathJax_MenuArrow {position: absolute; right: .5em; padding-top: .25em; color: #666666; font-size: .75em}&#xa;.MathJax_MenuActive .MathJax_MenuArrow {color: white}&#xa;.MathJax_MenuArrow.RTL {left: .5em; right: auto}&#xa;.MathJax_MenuCheck {position: absolute; left: .7em}&#xa;.MathJax_MenuCheck.RTL {right: .7em; left: auto}&#xa;.MathJax_MenuRadioCheck {position: absolute; left: .7em}&#xa;.MathJax_MenuRadioCheck.RTL {right: .7em; left: auto}&#xa;.MathJax_MenuLabel {padding: 1px 2em 3px 1.33em; font-style: italic}&#xa;.MathJax_MenuRule {border-top: 1px solid #DDDDDD; margin: 4px 3px}&#xa;.MathJax_MenuDisabled {color: GrayText}&#xa;.MathJax_MenuActive {background-color: #606872; color: white}&#xa;.MathJax_MenuDisabled:focus, .MathJax_MenuLabel:focus {background-color: #E8E8E8}&#xa;.MathJax_ContextMenu:focus {outline: none}&#xa;.MathJax_ContextMenu .MathJax_MenuItem:focus {outline: none}&#xa;#MathJax_AboutClose {top: .2em; right: .2em}&#xa;.MathJax_Menu .MathJax_MenuClose {top: -10px; left: -10px}&#xa;.MathJax_MenuClose {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; font-family: 'Courier New',Courier; font-size: 24px; color: #F0F0F0}&#xa;.MathJax_MenuClose span {display: block; background-color: #AAA; border: 1.5px solid; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; line-height: 0; padding: 8px 0 6px}&#xa;.MathJax_MenuClose:hover {color: white!important; border: 2px solid #CCC!important}&#xa;.MathJax_MenuClose:hover span {background-color: #CCC!important}&#xa;.MathJax_MenuClose:hover:focus {outline: none}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Preview .MJXf-math {color: inherit!important}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">#MathJax_Zoom {position: absolute; background-color: #F0F0F0; overflow: auto; display: block; z-index: 301; padding: .5em; border: 1px solid black; margin: 0; font-weight: normal; font-style: normal; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow: 5px 5px 15px #AAAAAA; -webkit-box-shadow: 5px 5px 15px #AAAAAA; -moz-box-shadow: 5px 5px 15px #AAAAAA; -khtml-box-shadow: 5px 5px 15px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}&#xa;#MathJax_ZoomOverlay {position: absolute; left: 0; top: 0; z-index: 300; display: inline-block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}&#xa;#MathJax_ZoomFrame {position: relative; display: inline-block; height: 0; width: 0}&#xa;#MathJax_ZoomEventTrap {position: absolute; left: 0; top: 0; z-index: 302; display: inline-block; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Preview {color: #888}&#xa;#MathJax_Message {position: fixed; left: 1px; bottom: 2px; background-color: #E6E6E6; border: 1px solid #959595; margin: 0px; padding: 2px 8px; z-index: 102; color: black; font-size: 80%; width: auto; white-space: nowrap}&#xa;#MathJax_MSIE_Frame {position: absolute; top: 0; left: 0; width: 0px; z-index: 101; border: 0px; margin: 0px; padding: 0px}&#xa;.MathJax_Error {color: #CC0000; font-style: italic}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MJXp-script {font-size: .8em}&#xa;.MJXp-right {-webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right}&#xa;.MJXp-bold {font-weight: bold}&#xa;.MJXp-italic {font-style: italic}&#xa;.MJXp-scr {font-family: MathJax_Script,'Times New Roman',Times,STIXGeneral,serif}&#xa;.MJXp-frak {font-family: MathJax_Fraktur,'Times New Roman',Times,STIXGeneral,serif}&#xa;.MJXp-sf {font-family: MathJax_SansSerif,'Times New Roman',Times,STIXGeneral,serif}&#xa;.MJXp-cal {font-family: MathJax_Caligraphic,'Times New Roman',Times,STIXGeneral,serif}&#xa;.MJXp-mono {font-family: MathJax_Typewriter,'Times New Roman',Times,STIXGeneral,serif}&#xa;.MJXp-largeop {font-size: 150%}&#xa;.MJXp-largeop.MJXp-int {vertical-align: -.2em}&#xa;.MJXp-math {display: inline-block; line-height: 1.2; text-indent: 0; font-family: 'Times New Roman',Times,STIXGeneral,serif; white-space: nowrap; border-collapse: collapse}&#xa;.MJXp-display {display: block; text-align: center; margin: 1em 0}&#xa;.MJXp-math span {display: inline-block}&#xa;.MJXp-box {display: block!important; text-align: center}&#xa;.MJXp-box:after {content: " "}&#xa;.MJXp-rule {display: block!important; margin-top: .1em}&#xa;.MJXp-char {display: block!important}&#xa;.MJXp-mo {margin: 0 .15em}&#xa;.MJXp-mfrac {margin: 0 .125em; vertical-align: .25em}&#xa;.MJXp-denom {display: inline-table!important; width: 100%}&#xa;.MJXp-denom &gt; * {display: table-row!important}&#xa;.MJXp-surd {vertical-align: top}&#xa;.MJXp-surd &gt; * {display: block!important}&#xa;.MJXp-script-box &gt; *  {display: table!important; height: 50%}&#xa;.MJXp-script-box &gt; * &gt; * {display: table-cell!important; vertical-align: top}&#xa;.MJXp-script-box &gt; *:last-child &gt; * {vertical-align: bottom}&#xa;.MJXp-script-box &gt; * &gt; * &gt; * {display: block!important}&#xa;.MJXp-mphantom {visibility: hidden}&#xa;.MJXp-munderover, .MJXp-munder {display: inline-table!important}&#xa;.MJXp-over {display: inline-block!important; text-align: center}&#xa;.MJXp-over &gt; * {display: block!important}&#xa;.MJXp-munderover &gt; *, .MJXp-munder &gt; * {display: table-row!important}&#xa;.MJXp-mtable {vertical-align: .25em; margin: 0 .125em}&#xa;.MJXp-mtable &gt; * {display: inline-table!important; vertical-align: middle}&#xa;.MJXp-mtr {display: table-row!important}&#xa;.MJXp-mtd {display: table-cell!important; text-align: center; padding: .5em 0 0 .5em}&#xa;.MJXp-mtr &gt; .MJXp-mtd:first-child {padding-left: 0}&#xa;.MJXp-mtr:first-child &gt; .MJXp-mtd {padding-top: 0}&#xa;.MJXp-mlabeledtr {display: table-row!important}&#xa;.MJXp-mlabeledtr &gt; .MJXp-mtd:first-child {padding-left: 0}&#xa;.MJXp-mlabeledtr:first-child &gt; .MJXp-mtd {padding-top: 0}&#xa;.MJXp-merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}&#xa;.MJXp-scale0 {-webkit-transform: scaleX(.0); -moz-transform: scaleX(.0); -ms-transform: scaleX(.0); -o-transform: scaleX(.0); transform: scaleX(.0)}&#xa;.MJXp-scale1 {-webkit-transform: scaleX(.1); -moz-transform: scaleX(.1); -ms-transform: scaleX(.1); -o-transform: scaleX(.1); transform: scaleX(.1)}&#xa;.MJXp-scale2 {-webkit-transform: scaleX(.2); -moz-transform: scaleX(.2); -ms-transform: scaleX(.2); -o-transform: scaleX(.2); transform: scaleX(.2)}&#xa;.MJXp-scale3 {-webkit-transform: scaleX(.3); -moz-transform: scaleX(.3); -ms-transform: scaleX(.3); -o-transform: scaleX(.3); transform: scaleX(.3)}&#xa;.MJXp-scale4 {-webkit-transform: scaleX(.4); -moz-transform: scaleX(.4); -ms-transform: scaleX(.4); -o-transform: scaleX(.4); transform: scaleX(.4)}&#xa;.MJXp-scale5 {-webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5); transform: scaleX(.5)}&#xa;.MJXp-scale6 {-webkit-transform: scaleX(.6); -moz-transform: scaleX(.6); -ms-transform: scaleX(.6); -o-transform: scaleX(.6); transform: scaleX(.6)}&#xa;.MJXp-scale7 {-webkit-transform: scaleX(.7); -moz-transform: scaleX(.7); -ms-transform: scaleX(.7); -o-transform: scaleX(.7); transform: scaleX(.7)}&#xa;.MJXp-scale8 {-webkit-transform: scaleX(.8); -moz-transform: scaleX(.8); -ms-transform: scaleX(.8); -o-transform: scaleX(.8); transform: scaleX(.8)}&#xa;.MJXp-scale9 {-webkit-transform: scaleX(.9); -moz-transform: scaleX(.9); -ms-transform: scaleX(.9); -o-transform: scaleX(.9); transform: scaleX(.9)}&#xa;.MathJax_PHTML .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}&#xa;</style><style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Display {text-align: center; margin: 1em 0em; position: relative; display: block!important; text-indent: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; width: 100%}&#xa;.MathJax .merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}&#xa;.MathJax .MJX-monospace {font-family: monospace}&#xa;.MathJax .MJX-sans-serif {font-family: sans-serif}&#xa;#MathJax_Tooltip {background-color: InfoBackground; color: InfoText; border: 1px solid black; box-shadow: 2px 2px 5px #AAAAAA; -webkit-box-shadow: 2px 2px 5px #AAAAAA; -moz-box-shadow: 2px 2px 5px #AAAAAA; -khtml-box-shadow: 2px 2px 5px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true'); padding: 3px 4px; z-index: 401; position: absolute; left: 0; top: 0; width: auto; height: auto; display: none}&#xa;.MathJax {display: inline; font-style: normal; font-weight: normal; line-height: normal; font-size: 100%; font-size-adjust: none; text-indent: 0; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0; min-height: 0; border: 0; padding: 0; margin: 0}&#xa;.MathJax:focus, body :focus .MathJax {display: inline-table}&#xa;.MathJax.MathJax_FullWidth {text-align: center; display: table-cell!important; width: 10000em!important}&#xa;.MathJax img, .MathJax nobr, .MathJax a {border: 0; padding: 0; margin: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; vertical-align: 0; line-height: normal; text-decoration: none}&#xa;img.MathJax_strut {border: 0!important; padding: 0!important; margin: 0!important; vertical-align: 0!important}&#xa;.MathJax span {display: inline; position: static; border: 0; padding: 0; margin: 0; vertical-align: 0; line-height: normal; text-decoration: none; box-sizing: content-box}&#xa;.MathJax nobr {white-space: nowrap!important}&#xa;.MathJax img {display: inline!important; float: none!important}&#xa;.MathJax * {transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none}&#xa;.MathJax_Processing {visibility: hidden; position: fixed; width: 0; height: 0; overflow: hidden}&#xa;.MathJax_Processed {display: none!important}&#xa;.MathJax_test {font-style: normal; font-weight: normal; font-size: 100%; font-size-adjust: none; text-indent: 0; text-transform: none; letter-spacing: normal; word-spacing: normal; overflow: hidden; height: 1px}&#xa;.MathJax_test.mjx-test-display {display: table!important}&#xa;.MathJax_test.mjx-test-inline {display: inline!important; margin-right: -1px}&#xa;.MathJax_test.mjx-test-default {display: block!important; clear: both}&#xa;.MathJax_ex_box {display: inline-block!important; position: absolute; overflow: hidden; min-height: 0; max-height: none; padding: 0; border: 0; margin: 0; width: 1px; height: 60ex}&#xa;.MathJax_em_box {display: inline-block!important; position: absolute; overflow: hidden; min-height: 0; max-height: none; padding: 0; border: 0; margin: 0; width: 1px; height: 60em}&#xa;.mjx-test-inline .MathJax_left_box {display: inline-block; width: 0; float: left}&#xa;.mjx-test-inline .MathJax_right_box {display: inline-block; width: 0; float: right}&#xa;.mjx-test-display .MathJax_right_box {display: table-cell!important; width: 10000em!important; min-width: 0; max-width: none; padding: 0; border: 0; margin: 0}&#xa;.MathJax .MathJax_HitBox {cursor: text; background: white; opacity: 0; filter: alpha(opacity=0)}&#xa;.MathJax .MathJax_HitBox * {filter: none; opacity: 1; background: transparent}&#xa;#MathJax_Tooltip * {filter: none; opacity: 1; background: transparent}&#xa;@font-face {font-family: MathJax_Blank; src: url('about:blank')}&#xa;.MathJax .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}&#xa;</style></defs><g><path d="M 111.09 76.64 L 169.04 163.27" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 120 60 L 240 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="100" cy="60" rx="20" ry="20" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 60px; margin-left: 81px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-12-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mi&gt;T&lt;/mi&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-76" style="width: 0.83em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.689em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.757em, 1000.69em, 2.824em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-77"><span class="mstyle" id="MathJax-Span-78"><span class="mrow" id="MathJax-Span-79"><span class="mi" id="MathJax-Span-80" style="font-family: STIXGeneral; font-style: italic;">𝑇<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.12em;"></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.083em; border-left: 0px solid; width: 0px; height: 0.957em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-12">T</script></div></div></div></foreignObject><text x="100" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝑇T</text></switch></g><path d="M 248.91 76.64 L 191.09 163.36" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 300 L 280 300" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 74.14 285.86 L 165.94 194.23" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="60" cy="300" rx="20" ry="20" fill-opacity="0.7" fill="#d5e8d4" stroke="#82b366" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 300px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-13-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-81" style="width: 1.174em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.964em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.419em, 1000.96em, 2.423em, -1000em); top: -2.066em; left: 0em;"><span class="mrow" id="MathJax-Span-82"><span class="mstyle" id="MathJax-Span-83"><span class="mrow" id="MathJax-Span-84"><span class="msub" id="MathJax-Span-85"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-86" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-87" style="font-size: 70.7%; font-family: STIXGeneral;">1</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.066em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-13">x_1</script></div></div></div></foreignObject><text x="60" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝑥1x_1</text></switch></g><path d="M 285.86 285.86 L 194.14 194.14" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 370 L 280 370" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 70.64 353.06 L 169.41 196.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="60" cy="370" rx="20" ry="20" fill-opacity="0.7" fill="#d5e8d4" stroke="#82b366" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 370px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-14-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-88" style="width: 1.174em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.964em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.419em, 1000.96em, 2.423em, -1000em); top: -2.066em; left: 0em;"><span class="mrow" id="MathJax-Span-89"><span class="mstyle" id="MathJax-Span-90"><span class="mrow" id="MathJax-Span-91"><span class="msub" id="MathJax-Span-92"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-93" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-94" style="font-size: 70.7%; font-family: STIXGeneral;">2</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.066em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-14">x_2</script></div></div></div></foreignObject><text x="60" y="374" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝑥2x_2</text></switch></g><path d="M 289.36 353.06 L 190.68 196.91" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 440 L 280 440" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 68.38 421.84 L 171.7 198.2" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 440 L 110 440 L 450 407.5 L 480 407.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="60" cy="440" rx="20" ry="20" fill-opacity="0.7" fill="#f8cecc" stroke="#b85450" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 440px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-15-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;3&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-95" style="width: 1.174em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.964em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.419em, 1000.96em, 2.433em, -1000em); top: -2.066em; left: 0em;"><span class="mrow" id="MathJax-Span-96"><span class="mstyle" id="MathJax-Span-97"><span class="mrow" id="MathJax-Span-98"><span class="msub" id="MathJax-Span-99"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-100" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-101" style="font-size: 70.7%; font-family: STIXGeneral;">3</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.066em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.277em; border-left: 0px solid; width: 0px; height: 0.894em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-15">x_3</script></div></div></div></foreignObject><text x="60" y="444" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝑥3x_3</text></switch></g><path d="M 291.62 421.84 L 188.38 198.16" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="300" cy="440" rx="20" ry="20" fill-opacity="0.7" fill="#d5e8d4" stroke="#82b366" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 440px; margin-left: 281px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-16-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mo&gt;&amp;#xAC;&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;3&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-102" style="width: 2.276em; display: inline-block;"><span style="display: inline-block; position: relative; width: 1.86em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.969em, 1001.86em, 2.984em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-103"><span class="mstyle" id="MathJax-Span-104"><span class="mrow" id="MathJax-Span-105"><span class="mo" id="MathJax-Span-106" style="font-family: STIXGeneral; padding-left: 0.188em; padding-right: 0.125em;">¬</span><span class="msub" id="MathJax-Span-107"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-108" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-109" style="font-size: 70.7%; font-family: STIXGeneral;">3</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.277em; border-left: 0px solid; width: 0px; height: 0.894em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-16">\neg x_3</script></div></div></div></foreignObject><text x="300" y="444" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">¬𝑥3\neg...</text></switch></g><path d="M 80 510 L 280 510" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 66.84 491.21 L 173.24 198.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80 510 L 100 510 Q 110 510 119.86 508.34 L 560.14 434.16 Q 570 432.5 580 432.5 L 600 432.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="60" cy="510" rx="20" ry="20" fill-opacity="0.7" fill="#f8cecc" stroke="#b85450" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 510px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-17-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;4&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-110" style="width: 1.174em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.964em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.419em, 1000.96em, 2.423em, -1000em); top: -2.066em; left: 0em;"><span class="mrow" id="MathJax-Span-111"><span class="mstyle" id="MathJax-Span-112"><span class="mrow" id="MathJax-Span-113"><span class="msub" id="MathJax-Span-114"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-115" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-116" style="font-size: 70.7%; font-family: STIXGeneral;">4</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.066em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-17">x_4</script></div></div></div></foreignObject><text x="60" y="514" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝑥4x_4</text></switch></g><path d="M 293.16 491.21 L 186.83 198.8" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="300" cy="510" rx="20" ry="20" fill-opacity="0.7" fill="#d5e8d4" stroke="#82b366" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 510px; margin-left: 281px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-18-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mo&gt;&amp;#xAC;&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;4&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-117" style="width: 2.276em; display: inline-block;"><span style="display: inline-block; position: relative; width: 1.86em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.969em, 1001.86em, 2.974em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-118"><span class="mstyle" id="MathJax-Span-119"><span class="mrow" id="MathJax-Span-120"><span class="mo" id="MathJax-Span-121" style="font-family: STIXGeneral; padding-left: 0.188em; padding-right: 0.125em;">¬</span><span class="msub" id="MathJax-Span-122"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-123" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-124" style="font-size: 70.7%; font-family: STIXGeneral;">4</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-18">\neg x_4</script></div></div></div></foreignObject><text x="300" y="514" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">¬𝑥4\neg...</text></switch></g><path d="M 503.94 357.55 L 541.11 374.85" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 492.5 365 Q 492.5 365 492.5 395" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="492.5" cy="352.5" rx="12.5" ry="12.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 23px; height: 1px; padding-top: 337px; margin-left: 481px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">T/B</div></div></div></foreignObject><text x="492" y="337" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">T/B</text></switch></g><path d="M 503.94 402.45 L 541.11 385.15" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="492.5" cy="407.5" rx="12.5" ry="12.5" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 23px; height: 1px; padding-top: 427px; margin-left: 481px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">T/B</div></div></div></foreignObject><text x="492" y="439" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">T/B</text></switch></g><path d="M 565 380 L 600 380" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="552.5" cy="380" rx="12.5" ry="12.5" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 624.25 428.23 L 660.73 414.2" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="612.5" cy="432.5" rx="12.5" ry="12.5" fill="#fa6800" stroke="#c73500" stroke-dasharray="3 3" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 23px; height: 1px; padding-top: 452px; margin-left: 601px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">T/B</div></div></div></foreignObject><text x="612" y="464" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">T/B</text></switch></g><path d="M 623.68 385.59 L 661.32 404.41" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 612.5 392.5 L 612.5 420" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="612.5" cy="380" rx="12.5" ry="12.5" fill="#ffffff" stroke="#000000" pointer-events="all"/><path d="M 685 410 Q 710 410 710 295 Q 710 180 200 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 685 410 Q 710 410 710 235 Q 710 60 280 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="672.5" cy="410" rx="12.5" ry="12.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><ellipse cx="180" cy="180" rx="20" ry="20" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 180px; margin-left: 161px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-19-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mi&gt;B&lt;/mi&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-125" style="width: 0.83em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.689em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.757em, 1000.68em, 2.824em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-126"><span class="mstyle" id="MathJax-Span-127"><span class="mrow" id="MathJax-Span-128"><span class="mi" id="MathJax-Span-129" style="font-family: STIXGeneral; font-style: italic;">𝐵</span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.083em; border-left: 0px solid; width: 0px; height: 0.957em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-19">B</script></div></div></div></foreignObject><text x="180" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝐵B</text></switch></g><ellipse cx="260" cy="60" rx="20" ry="20" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 60px; margin-left: 241px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-20-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mi&gt;F&lt;/mi&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-130" style="width: 0.83em; display: inline-block;"><span style="display: inline-block; position: relative; width: 0.689em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.757em, 1000.69em, 2.824em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-131"><span class="mstyle" id="MathJax-Span-132"><span class="mrow" id="MathJax-Span-133"><span class="mi" id="MathJax-Span-134" style="font-family: STIXGeneral; font-style: italic;">𝐹<span style="display: inline-block; overflow: hidden; height: 1px; width: 0.105em;"></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.083em; border-left: 0px solid; width: 0px; height: 0.957em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-20">F</script></div></div></div></foreignObject><text x="260" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">𝐹F</text></switch></g><path d="M 320 300 L 340 300 Q 350 300 358.85 304.65 L 441.15 347.85 Q 450 352.5 460 352.5 L 480 352.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="300" cy="300" rx="20" ry="20" fill-opacity="0.7" fill="#f8cecc" stroke="#b85450" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 300px; margin-left: 281px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-21-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mo&gt;&amp;#xAC;&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-135" style="width: 2.276em; display: inline-block;"><span style="display: inline-block; position: relative; width: 1.86em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.969em, 1001.86em, 2.974em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-136"><span class="mstyle" id="MathJax-Span-137"><span class="mrow" id="MathJax-Span-138"><span class="mo" id="MathJax-Span-139" style="font-family: STIXGeneral; padding-left: 0.188em; padding-right: 0.125em;">¬</span><span class="msub" id="MathJax-Span-140"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-141" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-142" style="font-size: 70.7%; font-family: STIXGeneral;">1</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-21">\neg x_1</script></div></div></div></foreignObject><text x="300" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">¬𝑥1\neg...</text></switch></g><ellipse cx="300" cy="370" rx="20" ry="20" fill-opacity="0.7" fill="#f8cecc" stroke="#b85450" stroke-opacity="0.7" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 370px; margin-left: 281px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span class="MathJax_Preview" style="color: inherit;"></span><span class="MathJax" id="MathJax-Element-22-Frame" tabindex="0" style="position: relative;" data-mathml="&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;mstyle displaystyle=&quot;true&quot;&gt;&lt;mo&gt;&amp;#xAC;&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;/mstyle&gt;&lt;/math&gt;" role="presentation"><nobr aria-hidden="true"><span class="math" id="MathJax-Span-143" style="width: 2.276em; display: inline-block;"><span style="display: inline-block; position: relative; width: 1.86em; height: 0px; font-size: 121%;"><span style="position: absolute; clip: rect(1.969em, 1001.86em, 2.974em, -1000em); top: -2.617em; left: 0em;"><span class="mrow" id="MathJax-Span-144"><span class="mstyle" id="MathJax-Span-145"><span class="mrow" id="MathJax-Span-146"><span class="mo" id="MathJax-Span-147" style="font-family: STIXGeneral; padding-left: 0.188em; padding-right: 0.125em;">¬</span><span class="msub" id="MathJax-Span-148"><span style="display: inline-block; position: relative; width: 0.979em; height: 0px;"><span style="position: absolute; clip: rect(3.347em, 1000.51em, 4.21em, -1000em); top: -3.994em; left: 0em;"><span class="mi" id="MathJax-Span-149" style="font-family: STIXGeneral; font-style: italic;">𝑥</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span><span style="position: absolute; top: -3.844em; left: 0.55em;"><span class="mn" id="MathJax-Span-150" style="font-size: 70.7%; font-family: STIXGeneral;">2</span><span style="display: inline-block; width: 0px; height: 3.994em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.617em;"></span></span></span><span style="display: inline-block; overflow: hidden; vertical-align: -0.265em; border-left: 0px solid; width: 0px; height: 0.882em;"></span></span></nobr><span class="MJX_Assistive_MathML" role="presentation"></span></span><script type="math/asciimath" id="MathJax-Element-22">\neg x_2</script></div></div></div></foreignObject><text x="300" y="374" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">¬𝑥2\neg...</text></switch></g><rect x="0" y="0" width="750" height="570" fill="none" stroke="none" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>
samuelhward commented 4 years ago

you may want to see the embedded URL

and my issue that I have raised in draw.io (since this is where the problem will lie).

abnerlee commented 4 years ago

You could use <img src="xxx" style="max-width:none" /> or choose a theme with wilder writing content for hot fix.

Typora set a max-width:100% CSS for images to make the layout "responsible", but Safari has bugs about resizing SVG image contains "foreign objects" (for Typora in Windows/Linux the bug does not exists since those versions are based on Chromium).

use max-width:none has drawbacks that may lead svg files without "foreign objects" unable to scale into a fit size based on current theme / window size. So I'm closing this since it is a Safari / System bug that we almostly can do nothing.

nurgasemetey commented 2 years ago

Hello @abnerlee . Following is not rendering. Do you know the reason why?

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158 180" width="158" height="180">
  <!-- svg-source:excalidraw -->

  <defs>
    <style>
      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }
    </style>
  </defs>
  <g stroke-linecap="round" transform="translate(10 10) rotate(0 69 80)"><path d="M1.16 -0.01 C35.29 -2.57, 74.05 -1.09, 139.43 -0.85 M0.66 0.31 C32.76 1.19, 64.49 1.06, 138.47 0.04 M138.52 0.82 C140.63 35.61, 139.38 71.74, 137.26 161.69 M138.73 -0.22 C137.58 61.18, 136.85 121.3, 137.49 159.93 M138.3 161.74 C86.9 159.93, 36.7 160.16, -0.88 160.31 M137.23 160.47 C101.92 158.76, 66.39 159.1, 0.39 160.22 M0.97 159.93 C1.29 106.85, -1.59 54.92, 1.27 -0.78 M0.81 159.48 C2.25 107.15, 1.77 54.62, -0.11 0.01" stroke="#000000" stroke-width="1" fill="none"></path></g></svg>