Разница в час при вычитании двух длинных значений

Вам нужно увеличить размер области фильтра.

<filter id="SVGID_0" y="-40%" height="180%">

работает просто отлично. Тихие значения по умолчанию для области фильтра: x = "- 10%" y = "- 10%" width = "120%" height = "120%" - большие размытия обычно обрезаются. (Ваша тень не обрезается горизонтально, потому что ваша ширина составляет около 2,5x от вашей высоты - так что 10% приводит к более широкой области горизонтального фильтра). Кроме того, область y-фильтра, по-видимому, вычисляется так, как если бы путь имел ход с нулевым пикселем, поэтому он игнорирует ширину штриха. (Различные браузеры имеют разное поведение по отношению к тому, считают ли они, что удар является частью ограничительной рамки для расчета области фильтра.)

(Обновление: перемещение наблюдений из комментариев). Обратите внимание, что если ваша конкретная форма (например, горизонтальная или вертикальная линия), то вы должны указать filterUnits="userSpaceOnUse" как часть объявления фильтра и явно указать область фильтра (x, y, width height) в userSpaceUnits (обычно пикселей), что создает достаточное пространство для отображения тени.

0
задан Srii 26 September 2013 в 16:08
поделиться