09
Сен
2021

Компактное расположение фигур SVG в ограниченных рамках

Рисую фигуры в таком формате:

    <?php
header ('Content-Type: image/svg+xml');
header ('Content-Disposition: filename=example.svg');
    echo "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>
<svg version=\"1.1\"
     baseProfile=\"full\"
     xmlns=\"http://www.w3.org/2000/svg\" 
     xmlns:xlink=\"http://www.w3.org/1999/xlink\"
     xmlns:ev=\"http://www.w3.org/2001/xml-events\">
    <g fill=\"none\" stroke=\"black\">\n";

        $x1=20; $y1=20;
        $x2=100; $y2=100;

            echo "<line stroke-width=\"1\" x1=\"$x1\" y1=\"$y1\" x2=\"$x2\" y2=\"$y2\"/>\n";

                .......

    echo "</g></svg> \n"; ?>

Нужно расположить фигуры максимально компактно в ограниченные рамки, допустим 200х300px не изменяя их масштаб(пример на фото). Размер и форма фигур при каждом выполнении скрипта разный. Возможно ли это в принципе? И если да, то в какую сторону думать? Это проще на PHP, на JavaScript?

введите сюда описание изображения

Источник: https://ru.stackoverflow.com/questions/1326785/%D0%9A%D0%BE%D0%BC%D0%BF%D0%B0%D0%BA%D1%82%D0%BD%D0%BE%D0%B5-%D1%80%D0%B0%D1%81%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D1%84%D0%B8%D0%B3%D1%83%D1%80-svg-%D0%B2-%D0%BE%D0%B3%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%B5%D0%BD%D0%BD%D1%8B%D1%85-%D1%80%D0%B0%D0%BC%D0%BA%D0%B0%D1%85

Тебе может это понравится...

Добавить комментарий