Разная толщина обводки в svg

@AlexZaw · Регистрация: 07.08.2016

Студворк — интернет-сервис помощи студентам

Пытаюсь разобраться с SVG и никак не могу понять почему получается разная толщина обводки:

HTML5
1
2
3
    <svg widht="150" height="100">   
      <rect width="100" height="50" stroke="red" stroke-width="5" fill="none" />
      </svg>

@j2FunOnly · 19.10.2017, 15:17

Потому что обводка выходит за край области отрисовки

@mrtoxas · 19.10.2017, 15:17

HTML5
1
<rect x="2.5" y="2.5" width="100" height="50" stroke="red" stroke-width="5" fill="none" />

@AlexZaw · 19.10.2017, 15:52 **[ТС]**

а есть у svg подобие box-sizing:border-box?

@mrtoxas · 19.10.2017, 16:45

Сомневаюсь.

CSS stroke-align (previously stroke-alignment) property
This CSS property is not supported in any modern browser, nor are there any known plans to support it.
caniuse

https://svgwg.org/specs/stroke... eAlignment

Еще один вариант решения:

HTML5
1
2
3
<svg widht="150" height="100">   
      <rect id="rect" width="100" height="50" fill="none" />
</svg>

CSS
1
2
3
4
#rect{
  outline:red solid 5px;
  outline-offset: -5px;
}

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	19.10.2017, 15:17
	Потому что обводка выходит за край области отрисовки 1

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,095
	19.10.2017, 15:52 [ТС]
	а есть у svg подобие `box-sizing:border-box`? 0

Разная толщина обводки в svg

Решение