Кто-нибудь объяснит мне, что не так с этим SVG - он выглядит нормально, я вижу его в любом браузере ... но я не могу импортировать его в TiddlyWiki 5. Если я создаю тиддлер с типом контента image/svg+xml , он рендерится как испорченное изображение в Opera и как ничто в Edge. Как импортировать этот SVG? Может быть "исправить" что-то в этом?
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg contentScriptType="text/ecmascript" width="400.0" xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify" contentStyleType="text/css" height="200.0" viewBox="0 0 400.0 200.0" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" version="1.0" >
<defs />
<line transform="matrix( 1, 0, 0, 1.0249999951966953, 24, -2.500000000000009)" x1="76" x2="76" y1="20" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" y2="60" id="3" />
<line transform="matrix( 1, 0, 0, 1.0000000000000002, -7, 0)" x1="76" x2="76" y1="20" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" y2="60" />
<line transform="matrix( 1, 0, 0, 1, -7, 0)" x1="20" x2="20" y1="20" style="stroke:#000000;" y2="20" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, -0.5000000000000009, 0)" x1="20" x2="100" y1="20" style="stroke:#000000;" y2="20" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, -9, -13)" width="6" style="fill:#000000;" height="6" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 50, -13)" width="6" style="stroke:#ff0000;fill:#ff0000;" id="0" height="6" />
<text x="10" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, -9, 5)" >
x1
</text>
<text x="10" id="1" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1.0000000000000002, 0, 0, 1, 56, 4.9999999999999964)" >
x2
</text>
<line transform="matrix( 1, 0, 0, 1, 84, 40)" x1="20" x2="20" y1="20" style="stroke:#000000;" y2="20" id="2" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 90.5, 40)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="2" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 82, 27)" width="6" style="stroke:#ff0000;fill:#ff0000;" id="2" height="6" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 141, 27)" width="6" style="fill:#000000;" height="6" id="2" />
<text x="10" id="2" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 81, 66)" >
x3
</text>
<text x="10" y="10" id="2" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 146, 66)" >
x4
</text>
<line transform="matrix( 0, 1, -0.7500000000000002, 0, 114, -37)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:none;" id="4" />
<g id="6" >
<line transform="matrix( 1, 0, 0, 1, 29, -1)" x1="40" x2="44" y1="40" style="stroke:#ff0000;" y2="37" />
<line transform="matrix( 1, 0, 0, -1, 29, 79)" x1="40" x2="44" y1="40" style="stroke:#ff0000;" y2="37" id="5" />
</g>
<g id="7" >
<line transform="matrix( -1, 0, 0, 1, 138.99999237060547, -1)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" />
<line transform="matrix( -1, 0, 0, -1, 138.99999237060547, 79)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" id="5" />
</g>
<text x="80" y="31" style="font-size:12pt;fill:#ff0000;" transform="matrix( 1, 0, 0, 1, -3, 5)" >
dx
</text>
<line transform="matrix( 1, 0, 0, 1.0249999951966953, -4, 98.49999999999999)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" id="8" />
<line transform="matrix( 1, 0, 0, 1.0000000000000002, -35, 101)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" id="8" />
<line transform="matrix( 1, 0, 0, 1, -7, 101)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="8" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, -0.5000000000000009, 101)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="8" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, -9, 88)" width="6" style="fill:#000000;" id="8" height="6" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 50, 88)" width="6" style="stroke:#ff0000;fill:#ff0000;" height="6" id="8" />
<text x="10" id="8" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, -9, 106)" >
x1
</text>
<text x="10" y="10" id="8" style="font-size:12pt;fill:#000000;" transform="matrix( 1.0000000000000002, 0, 0, 1, 56, 106)" >
x2
</text>
<line transform="matrix( 1, 0, 0, 1, 24, 141)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="8" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 30.5, 141)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="8" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 22, 128)" width="6" style="stroke:#ff0000;fill:#ff0000;" height="6" id="8" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 81, 128)" width="6" style="fill:#000000;" id="8" height="6" />
<text x="10" y="10" id="8" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 21, 167)" >
x3
</text>
<text x="10" id="8" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 86, 167)" >
x4
</text>
<line transform="matrix( 0, 1, -0.7500000000000002, 0, 86, 64)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:none;" id="8" />
<g id="8" >
<line transform="matrix( 1, 0, 0, 1, 1, 100)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" />
<line transform="matrix( 1, 0, 0, -1, 1, 180)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" id="5" />
</g>
<g id="8" >
<line transform="matrix( -1, 0, 0, 1, 110.99999237060547, 100)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" />
<line transform="matrix( -1, 0, 0, -1, 110.99999237060547, 180)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" id="5" />
</g>
<text x="80" id="8" y="31" style="font-size:12pt;fill:#ff0000;" transform="matrix( 1, 0, 0, 1, -31, 106)" >
dx
</text>
<line transform="matrix( 1, 0, 0, 1.0249999951966953, 247, -2.500000000000009)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" id="9" />
<line transform="matrix( 1, 0, 0, 1.0000000000000002, 216, 0)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" id="9" />
<line transform="matrix( 1, 0, 0, 1, 216, 0)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="9" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 312.5, 0)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="9" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 304, -13)" width="6" style="stroke:#ff0000;fill:#ff0000;" id="9" height="6" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 363, -13)" width="6" style="stroke:#000000;fill:#000000;" height="6" id="9" />
<text x="10" id="9" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 304, 5)" >
x3
</text>
<text x="10" y="10" id="9" style="font-size:12pt;fill:#000000;" transform="matrix( 1.0000000000000002, 0, 0, 1, 369, 4.9999999999999964)" >
x4
</text>
<line transform="matrix( 1, 0, 0, 1, 217, 40)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="9" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 223.5, 40)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="9" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 215, 27)" width="6" style="fill:#000000;stroke:#000000;" height="6" id="9" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 274, 27)" width="6" style="stroke:#ff0000;fill:#ff0000;" id="9" height="6" />
<text x="10" y="10" id="9" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 214, 66)" >
x1
</text>
<text x="10" id="9" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 279, 66)" >
x2
</text>
<line transform="matrix( 0, 1, -0.7500000000000002, 0, 337, -37)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:none;" id="9" />
<g id="9" >
<line transform="matrix( 1, 0, 0, 1, 252, -1)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" />
<line transform="matrix( 1, 0, 0, -1, 252, 79)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" id="5" />
</g>
<g id="9" >
<line transform="matrix( -1, 0, 0, 1, 361.99999237060547, -1)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" />
<line transform="matrix( -1, 0, 0, -1, 361.99999237060547, 79)" x1="40" x2="44" y1="40" y2="37" style="stroke:#ff0000;" id="5" />
</g>
<text x="80" id="9" y="31" style="font-size:12pt;fill:#ff0000;" transform="matrix( 1, 0, 0, 1, 220, 5)" >
dx
</text>
<text x="171" y="26" style="font-size:12pt;fill:#00cc33;" transform="matrix( 1, 0, 0, 1, -62, -6)" >
dx < 0
</text>
<line transform="matrix( 1, 0, 0, 1.0249999951966953, 217, 98.49999999999999)" x1="76" x2="76" y1="20" y2="60" style="stroke:#ff0000;stroke-dashoffset:4.0;stroke-dasharray:5;" id="11" />
<line transform="matrix( 1, 0, 0, 1, 216, 101)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="11" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 282.5, 101)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="11" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 274, 88)" width="6" style="stroke:#ff0000;fill:#ff0000;" height="6" id="11" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 333, 88)" width="6" style="stroke:#000000;fill:#000000;" id="11" height="6" />
<text x="10" y="10" id="11" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 274, 106)" >
x3
</text>
<text x="10" id="11" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1.0000000000000002, 0, 0, 1, 339, 106)" >
x4
</text>
<line transform="matrix( 1, 0, 0, 1, 217, 141)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="11" />
<line transform="matrix( 0.6750000009169946, 0, 0, 1, 223.5, 141)" x1="20" x2="100" y1="20" y2="20" style="stroke:#000000;" id="11" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 215, 128)" width="6" style="fill:#000000;stroke:#000000;" id="11" height="6" />
<rect x="16" y="30" transform="matrix( 1, 0, 0, 1, 274, 128)" width="6" style="stroke:#ff0000;fill:#ff0000;" height="6" id="11" />
<text x="10" id="11" y="10" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 214, 167)" >
x1
</text>
<text x="10" y="10" id="11" style="font-size:12pt;fill:#000000;" transform="matrix( 1, 0, 0, 1, 279, 167)" >
x2
</text>
<line transform="matrix( 1, 0, 0, 1, 73, 159)" x1="20" x2="20" y1="20" y2="20" style="stroke:#000000;" id="10" />
<text x="171" id="10" y="26" style="font-size:12pt;fill:#00cc33;" transform="matrix( 1, 0, 0, 1, -80, 109)" >
dx > 0
</text>
<text x="171" id="12" y="26" style="font-size:12pt;fill:#00cc33;" transform="matrix( 1, 0, 0, 1, 61, -6)" >
dx < 0
</text>
<text x="171" y="26" id="13" style="font-size:12pt;fill:#00cc33;" transform="matrix( 1, 0, 0, 1, 59, 108)" >
dx = 0
</text>
</svg>