Svg Увеличить Уменьшить - PullRequest
       45

Svg Увеличить Уменьшить

0 голосов
/ 08 февраля 2020

У меня есть изображение Svg. Изображение отражает сетку. Я установил это изображение как фоновое изображение. Как мне увеличить и уменьшить это фоновое изображение svg. Ниже приведен код для изображения svg

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
                        <defs>

                            <pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse">
                            <path d="M 10 0 L 0 0 0 10" fill="none" stroke="gray" stroke-width="0.5"/>
                            </pattern>

                            <pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse">
                            <rect width="100" height="100" fill="url(#smallGrid)"/>
                            <path d="M 100 0 L 0 0 0 100 " fill="none" stroke="black" stroke-width="1"/>
                            </pattern>
                        </defs>
                        <rect width="100%" height="100%" fill="url(#grid)" />
                    </svg>
...