#html #svg #path #height
#HTML #svg #путь #высота
Вопрос:
Я только начал изучать SVG, и я столкнулся с чем-то, что кажется довольно странным…
У меня есть SVG с высотой и шириной 25 пикселей. Таким образом, это означает, что видовой экран имеет ширину 25 пикселей и высоту 25 пикселей. Когда я проверяю его с помощью инструментов разработчика Chrome, я получаю это:
Но когда я проверяю путь, который находится внутри SVG, который имеет ширину и высоту 25 пикселей, я получаю это:
Подождите, что? Путь имеет ширину 25 пикселей и высоту 19 пикселей, и он показывает путь так, как если бы он был больше, чем видовой экран SVG… но почему?
Каким образом путь больше, чем фактический видовой экран SVG?
Как это говорит о том, что путь имеет размер 25 пикселей на 19 пикселей, но при проверке с помощью инструментов разработчика вы можете увидеть, что элемент path намного больше…
Что вызывает это?
Комментарии:
1. Не очень уверен, что я вас понимаю. Имеет ли путь атрибуты width и height ? Ширина и высота пути — это ширина и высота ограничивающей рамки пути. Вы можете получить ограничивающую рамку элемента svg, используя метод getBBox()
2. Нет, у пути нет назначенных ему ширины и высоты. Элемент svg делает.