Как подлечить векторный файл?

Question

[partyzanx]

Ссылка на файл

Вот как есть: (вероятно из-за новых версий адобе иллюстратор появились лишние линии)



Должно быть вот так:

Comments

[partyzanx]

Если экспортровать в svg, то так получается

[Саша Саввов]

"...SVG doesn't support gradient meshes..."
SVG не поддерживает меши. Т.е. этот файл экспортировать в свг "по-честному" не получится. Только в растр.

[partyzanx]

Саша Саввов, блин "по зарез" как нужно что-то такое же

[Саша Саввов]

partyzanx, если полная растеризация не годится, то растеризовать каждый меш в подходящем разрешении и закрыть в свои маски.
Пример на двух мешах, у меня растр в квадратах - просто выставил поменьше, чтоб не ждать (остальные объекты удалил):

[Rustam Bainazarov]

partyzanx, а вы уверены, что вам браузеры скажут спасибо за подобного рода вектор? На старых устройствах всё может тормозить люто из-за его сложности. Растеризация такого дела не такая простая задача.

В таких случаях обычно используют растровые изображения.

[partyzanx]

SmthTo, Саша Саввов вообще не уверен, поубирал всё что можно и оставил 2 радиальных градиента) но выглядит херовасто.
Может ещё градиентов добавить?

<svg class="fullWidthHeightSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 343.56 244.96" preserveAspectRatio="none"><defs><style>.v-1{fill:url(#v_116);}.v-2{clip-path:url(#clip-path);}.v-3{fill:url(#v_46);}</style><radialGradient id="v_116" cx="174.21" cy="310.81" r="316.52" gradientUnits="userSpaceOnUse"><stop offset="0.39" stop-color="#96f"/><stop offset="1" stop-opacity="0"/></radialGradient><clipPath id="clip-path"><rect class="v-1" width="343.56" height="244.96"/></clipPath><radialGradient id="v_46" cx="171.78" cy="453.75" r="333.99" gradientTransform="translate(371.16 11.44) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0.83"/><stop offset="0.93" stop-color="#22003f"/><stop offset="0.94" stop-color="#280548"/><stop offset="0.95" stop-color="#371261"/><stop offset="0.96" stop-color="#50288a"/><stop offset="0.98" stop-color="#7345c1"/><stop offset="1" stop-color="#96f"/></radialGradient></defs><title>Монтажная область 2</title><rect class="v-1" width="343.56" height="244.96"/><g class="v-2"><circle class="v-3" cx="171.78" cy="453.75" r="319.44" transform="translate(-270.54 254.36) rotate(-45)"/></g></svg>

[partyzanx]

<svg class="fullWidthHeightSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 343.56 244.96" preserveAspectRatio="none"><defs><style>.v-1{fill:url(#v_116);}.v-2{clip-path:url(#clip-path);}.v-3{fill:url(#v_46);}</style><radialGradient id="v_116" cx="174.21" cy="310.81" r="316.52" gradientUnits="userSpaceOnUse"><stop offset="0.39" stop-color="#96f"/><stop offset="1" stop-opacity="0"/></radialGradient><clipPath id="clip-path"><rect class="v-1" width="343.56" height="244.96"/></clipPath><radialGradient id="v_46" cx="171.78" cy="453.75" r="333.99" gradientTransform="translate(371.16 11.44) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0.83"/><stop offset="0.93" stop-color="#22003f"/><stop offset="0.94" stop-color="#280548"/><stop offset="0.95" stop-color="#371261"/><stop offset="0.96" stop-color="#50288a"/><stop offset="0.98" stop-color="#7345c1"/><stop offset="1" stop-color="#96f"/></radialGradient></defs><title>Монтажная область 2</title><rect class="v-1" width="343.56" height="244.96"/><g class="v-2"><circle class="v-3" cx="171.78" cy="453.75" r="319.44" transform="translate(-270.54 254.36) rotate(-45)"/></g></svg>

[RAX7]

partyzanx,

[partyzanx]

RAX7, блин ну вы просто бог программирования и иллюстрации. Он кроме всего прочего и весит всего 29 кб, я в шоке от Вас! Может выложите в ответ, я отмечу как "решение"?

Answer 1

[RAX7]

Можно на масках заменить сетчатые градиенты на радиальные, либо создать переходы похожие на сетку.

радиальный градиент на маске

разобранный переход на маске

ai файл https://we.tl/t-MIBFjwQbzH

Comments

[partyzanx]

это гениально!

[RAX7]

partyzanx, ну почти =) в firefox косяк с радиальными градиентами, edge не понимает mix-blend-mode
upd: удалось исправить косяк с firefox