Блог

Главная - Вопросы по программированию - Центрировать SVG в окне просмотра

Центрировать SVG в окне просмотра

#css

#css

Вопрос:

У меня есть следующий SVG:

 <svg width="15px" height="18px" viewBox="0 0 15 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Shape</title>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="question-controls" transform="translate(-52.000000, -1.000000)" fill="#72758D" fill-rule="nonzero">
            <path d="M62,1 L54,1 C52.9,1 52,1.9 52,3 L52,13 L54,13 L54,3 L62,3 L62,1 Z M65,5 L58,5 C56.9,5 56,5.9 56,7 L56,17 C56,18.1 56.9,19 58,19 L65,19 C66.1,19 67,18.1 67,17 L67,7 C67,5.9 66.1,5 65,5 Z M65,17 L58,17 L58,7 L65,7 L65,17 Z" id="Shape"></path>
        </g>
    </g>
</svg>

Это «Дубликат значка» из Material IO.
https://material.io/resources/icons/?search=duplicatamp;icon=content_copyamp;style=baseline

Однако, как вы можете видеть, он не центрирован в своем порту просмотра. введите описание изображения здесь

Я попытался, указав то же viewBox значение, что viewBox="0 0 100 100" и без особого успеха.

Комментарии:

1. Можете ли вы добавить код и для содержащего элемента?

2. То, что выделяется на изображении viewBox , — это, а не div

3. Ваш фрагмент не демонстрирует, что