Подтвердить что ты не робот

Гауссовское размытие по краям

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

URL-адрес тестового файла здесь - он загружается, поскольку тип mime неправильно настроен на сервере, и я не могу его перезапустить на Момент: В файле есть встроенные изображения и шрифты, поэтому он большой. Но если вы сохраните его на диск, вы можете открыть его в chrome, ff и т.д.

Приведен подробный пример этой проблемы. Обратите внимание на квадратные края оранжевого свечения.

Z1UWx.png

4b9b3361

Ответ 1

Холст фильтра имеет значения по умолчанию: x = y = -10% и width = height = 120%. Вы можете изменить их с помощью атрибутов x, y, width и height в элементе фильтра.

Попробуйте установить большой холст:

<filter x="-50%" y="-50%" width="200%" height="200%"/>

Тем не менее, поскольку холст больше, будет потеря производительности.