#svg #zooming #stroke
#svg #масштабирование #обводка
Вопрос:
Я создал интерфейс для увеличения / уменьшения масштаба SVG canvas, но когда я увеличиваю масштаб, любые штрихи на 1 пиксель увеличиваются в ширину (визуально). Существует ли настройка svg, которая гарантирует, что штрихи размером 1 пиксель останутся 1 пиксель (визуально) при увеличении? Я помню, что где-то читал об этом, но не могу найти ресурс.
Комментарии:
1. я думаю, все дело в том, что это масштабируемая векторная графика… таким образом, масштабирование похоже на использование увеличительного стекла — все будет увеличиваться пропорционально.
2. Вы можете добавить
vector-effect="non-scaling-stroke"атрибут к пути?
Ответ №1:
Попробуйте добавить vector-effect="non-scaling-stroke" атрибут к пути. Подробности см. ЗДЕСЬ. Я предполагаю, что это то, что вы хотите?