Как сделать так, чтобы stroke рисовался во внутреннюю сторону, а не от центра линии?

Question

[alexlol13]

Как сделать так, чтобы stroke рисовался во внутреннюю сторону линии/полигона, а не от центра линии в обе стороны?

Comments

[Максим]

пример того что Вы сделали где можно увидеть ?

Answer 1

[Егор Антропов]

.clue {
    background: blue; /* Фоновый рисунок */
    outline: 2px dashed white; /* Пунктирная рамка */
    outline-offset: -10px; /* Выводим рамку внутри элемента */
    padding: 10px; /* Поля */
    min-height: 100px; /* Минимальная высота */
   }

так?

Answer 2

[forspamonly2]

никак. встречающееся в драфтах спецификаций свойство stroke-alignment не поддерживает вообще никто, в недавнем свг2 стандарте его кажется и нет.

обходят это следующим образом: выносят путь в секцию определений и выводят фигуру удвоенной шириной обводки по этому пути и с этим же путём в качестве маски или clip-path.

вот тут два одинаковых сердечка: снизу с обычной обводкой чёрным, а поверх него с белой обводкой внутри контура, сделанной таким способом:


ещё народ извращается с css свойством outline-offset, но у него всё плохо с кросс-браузерностью.