@alexlol13

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

Как сделать так, чтобы stroke рисовался во внутреннюю сторону линии/полигона, а не от центра линии в обе стороны?
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 2
Relow
@Relow
Ничего не умею
.clue {
    background: blue; /* Фоновый рисунок */
    outline: 2px dashed white; /* Пунктирная рамка */
    outline-offset: -10px; /* Выводим рамку внутри элемента */
    padding: 10px; /* Поля */
    min-height: 100px; /* Минимальная высота */
   }

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

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

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


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы