проблема сглаживания с шириной пути элемента SVG

Question

Я использую D3, чтобы нарисовать линейный график.Однако я обнаружил, что линии с более низким наклоном (плоский) тоньше, чем линии с более высоким наклоном (крутой), я думаю, это из-за сглаживания работает?Ширина является фиксированным числом, а масштабирование управляется преобразованием и масштабированием.Когда линия горизонтальна (почти параллельна оси x), ее невозможно увидеть в chrome и firefox, а в сафари ее все еще можно обнаружить.

Я пытался использовать каждую комбинацию различных опций для рендеринга фигур и векторных эффектов.Кажется, ситуация не меняется.

Постоянная ширина этого пути, независимо от того, насколько он крут.

Вот обзор: Увеличить aнемного в хроме: Увеличьте еще больше, тогда вы увидите, что какая-то строка отсутствует. Однако в сафари все еще может отображаться линия, хотя ширина все еще меняется при изменении наклона

Те же коды чертежей для других наборов данных, которыепоказывает точную проблему, противоречивую ширину.

Любое предложение или ссылка будут отличными, спасибо!

Answer 1

Спасибо за просмотр этого вопроса и ответа. Я только что нашел решение для своей проблемы. Здесь я пытаюсь построить масштабируемую линейную диаграмму. Проблема в том, что масштабное преобразование также ограничивает ширину горизонтальных (или почти горизонтальных) линий. Таким образом, решение состоит в том, чтобы вектор-эффект был установлен на не масштабирующий ход. И не меняйте ширину пути при масштабировании. И это все.