Как программно установить масштаб в поле html
По теме из базы знаний
Ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
изначально это svg схема из visio
подсказали сделать из него html и обернуть тегами form
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DO CTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Создано Microsoft Visio, экспорт SVG Документ3.svg Page-1 -->
<sv g xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
width="11.6929in" height="8.26772in" viewBox="0 0 841.89 595.276" xml:space="preserve" color-interpolation-filters="sRGB"
class="st10">
<st yle type="text/css">
<![CDATA[
.st1 {fill:url(#grad3-4);stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.5}
.st2 {marker-end:url(#mrkr4-10);stroke:#1998d6;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.5}
.st3 {fill:#1998d6;fill-opacity:1;stroke:#1998d6;stroke-opacity:1;stroke-width:0.16556291390728}
.st4 {fill:#d80073;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.5}
.st5 {fill:#ffffff;font-family:Segoe UI;font-size:0.666664em}
.st6 {fill:#f09609;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.5}
.st7 {fill:#1ba1e2;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.5}
.st8 {fill:#ffffff;stroke:none;stroke-linecap:butt;stroke-width:7.2}
.st9 {fill:#1076a7;font-family:Segoe UI;font-size:0.666664em}
.st10 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
]]>
</style>
<defs id="Patterns_And_Gradients">
<radialGradient id="grad3-4" cx="0.5" cy="0.5" r="0.73">
<stop offset="0" stop-color="#d2ecf9" stop-opacity="1"/>
<stop offset="1" stop-color="#e7f5fc" stop-opacity="1"/>
</radialGradient>
</defs>
<defs id="Markers">
<g id="lend4">
<path d="M 2 1 L 0 0 L 2 -1 L 2 1 " style="stroke:none"/>
</g>
<marker id="mrkr4-10" class="st3" refX="-12.08" orient="auto" markerUnits="strokeWidth" overflow="visible">
<use xlink:href="#lend4" transform="scale(-6.04,-6.04) "/>
</marker>
</defs>
<g>
<title>VBackground-1</title>
<g id="shape2-1">
<title>Center Gradient</title>
<rect x="0" y="0" width="841.89" height="595.276" class="st1"/>
</g>
</g>
<g>
<title>Страница-1</title>
<g id="shape2-5" transform="translate(453.543,-506.521)">
<title>Dynamic connector</title>
<path d="M7.09 595.28 L7.09 635.48" class="st2"/>
</g>
<g id="shape3-11" transform="translate(453.543,-417.762)">
<title>Dynamic connector.9</title>
<path d="M7.09 595.28 L7.09 638.13" class="st2"/>
</g>
<g id="shape4-16" transform="translate(425.197,-506.521)">
<title>Start/End</title>
<desc>Начало</desc>
<path d="M14.17 595.28 L56.69 595.28 A14.1732 14.1732 -180 0 0 56.69 566.93 L14.17 566.93 A14.1732 14.1732 -180 1
0 14.17 595.28 Z" class="st4"/>
<text x="21.81" y="583.5" class="st5">Начало</text> </g>
<g id="shape5-19" transform="translate(425.197,-417.762)">
<title>Data</title>
<desc>Данные</desc>
<path d="M-10.63 595.28 L60.24 595.28 L81.5 552.76 L10.63 552.76 L-10.63 595.28 Z" class="st6"/>
<text x="21.08" y="576.42" class="st5">Данные</text> </g>
<g id="shape6-22" transform="translate(425.197,-326.344)">
<title>Decision</title>
<desc>Решение</desc>
<path d="M0 574.02 L35.43 552.76 L70.87 574.02 L35.43 595.28 L0 574.02 Z" class="st4"/>
<text x="19.09" y="576.42" class="st5">Решение</text> </g>
<g id="shape7-25" transform="translate(325.984,-216.73)">
<title>Process</title>
<desc>Процесс</desc>
<rect x="0" y="552.756" width="70.8661" height="42.5197" class="st7"/>
<text x="19.7" y="576.42" class="st5">Процесс</text> </g>
<g id="shape8-28" transform="translate(527.386,-259.171)">
<title>Process.5</title>
<desc>Процесс</desc>
<rect x="0" y="552.756" width="70.8661" height="42.5197" class="st7"/>
<text x="19.7" y="576.42" class="st5">Процесс</text> </g>
<g id="shape9-31" transform="translate(527.386,-168.286)">
<title>Process.7</title>
<desc>Процесс</desc>
<rect x="0" y="552.756" width="70.8661" height="42.5197" class="st7"/>
<text x="19.7" y="576.42" class="st5">Процесс</text> </g>
<g id="shape10-34" transform="translate(425.197,-93.7262)">
<title>Start/End.8</title>
<desc>Завершение</desc>
<path d="M14.17 595.28 L56.69 595.28 A14.1732 14.1732 -180 0 0 56.69 566.93 L14.17 566.93 A14.1732 14.1732 -180 1 0 14.17
595.28 Z" class="st4"/>
<text x="12.66" y="583.5" class="st5">Завершение</text> </g>
<g id="shape11-37" transform="translate(496.063,-347.604)">
<title>Dynamic connector.10</title>
<desc>Нет</desc>
<path d="M0 595.28 L66.76 595.28 L66.76 635.15" class="st2"/>
<rect x="60.3254" y="611.001" width="13.1446" height="9.59985" class="st8"/>
<text x="60.33" y="618.2" class="st9">Нет</text> </g>
<g id="shape12-44" transform="translate(555.732,-259.171)">
<title>Dynamic connector.11</title>
<path d="M7.09 595.28 L7.09 637.6" class="st2"/>
</g>
<g id="shape13-49" transform="translate(562.819,-168.286)">
<title>Dynamic connector.12</title>
<path d="M0 595.28 L0 655.66 L-60.72 655.66" class="st2"/>
</g>
<g id="shape14-54" transform="translate(361.417,-216.73)">
<title>Dynamic connector.13</title>
<path d="M0 595.28 L0 704.11 L57.74 704.11" class="st2"/>
</g>
<g id="shape15-59" transform="translate(425.197,-347.604)">
<title>Dynamic connector.15</title>
<desc>Да</desc>
<path d="M0 595.28 L-63.78 595.28 L-63.78 677.59" class="st2"/>
<rect x="-66.8163" y="610.885" width="9.61688" height="9.59985" class="st8"/>
<text x="-66.82" y="618.09" class="st9">Да</text> </g>
</g>
</svg>
Показатьподсказали сделать из него html и обернуть тегами form
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот