Фиксированная ширина хода в SVG
Я хотел бы иметь возможность установить ширину обводки элемента SVG, чтобы быть "пиксель известно», который всегда имеет ширину 1px независимо от применяемых текущих преобразований масштабирования. Я знаю, что это вполне может быть невозможно, поскольку весь смысл SVG должен быть независимым от пикселей.
Контекст следует:
У меня есть элемент SVG с его атрибутами viewBox и preserveAspectRatio. Это выглядит примерно так
Это означает, что когда я масштабирую этот элемент, фактические фигуры внутри него масштабируются соответственно (пока все хорошо).
Как вы можете видеть, я настроил viewBox так, чтобы источник находился в центре. Я хотел бы нарисовать оси X и Y в этом элементе, что я делаю так:
Опять же, это работает нормально. В идеале, однако, эта ось всегда будет иметь ширину всего 1 пиксель. Я не заинтересован в том, чтобы оси стали толще, когда я масштабирую родительский элемент SVG.
Так я облажался?