фильтр региона` в пикселях.
я есть следующий документ SVG:
<svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 21 484" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="dropShadow">
<feDropShadow dx="4" dy="0" stdDeviation="4"></feDropShadow>
</filter>
</defs>
<g id="Artboard" stroke-width="5" stroke="#FF0000" fill="#000000" stroke-linecap="round">
<path style="filter: url(#dropShadow)" d="M7.5,8.5 L7.5,471.5" id="path-1"></path>
</g>
</svg>
В Firefox, когда я открываю документ SVG, он просто показывает очень тонкую (не 5 ширину) вертикальную линию. В Chrome он ничего не показывает (как и в codepen, здесь:https://codepen.io/jwir3/pen/BJBqEK ).
Я не совсем уверен, что я делаю здесь неправильно, но это как-то связано с фильтром, потому что, если я удаляюfilter: url(#dropShadow)
изpath
определение, линия показывает, как ожидалось.