Масштаб страницы в поле HTML документа

:)
тоже вариант конечно
это svg  сохраненный из visio
например такой

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!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"; 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">
    <style 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>
        <a xlink:href="https://google.com.ua">;
            <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>
        </a>
        <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>