svg отображается правильно только внутри inkscape

Я создал объект с помощью inkscape и добавил сверху объект наложения (режим наложения). Проблема в том, что вне inkscape (других редакторов и т. д.) я вижу только наложение, а не комбинацию двух объектов. Есть ли способ исправить это? Я предполагаю, что режим наложения оверлея автоматически становится нормальным.

Это пример. Правильный цвет квадрата — розовый, но во многих редакторах или на веб-страницах он отображается красным.

Привет. Добро пожаловать в ГДСЭ. На этот вопрос сложно ответить, не имея доступа к SVG или другим используемым вами редакторам. Не все редакторы векторных изображений поддерживают SVG в такой степени, как Inkscape. Возможно, рассмотрите возможность поделиться файлом на SVGshare.com, и мы сможем проверить, есть ли что-то явно не так.
Привет, я обновил вопрос с примером, пожалуйста, проверьте его.
С SVG вы наследуете проблемы программистов xonparibility. Вам придется принять тот факт, что не все средства визуализации и редакторы находятся на одном уровне зрелости/функциональности. У вас есть варианты: использовать запасной вариант или согласиться с тем, что вы должны использовать меньше функций. И с этим ничего не поделаешь.

Ответы (2)

Как упомянул Joojaa в комментариях, каждый рендерер или редактор могут по-разному интерпретировать фильтры SVG. Лучшее решение — «сгладить» фильтр (если ваш фильтр превращает синий в розовый, вместо этого залейте объект розовым цветом).

Я посмотрел на ваш SVG. При открытии в Inkscape 1.0 я не вижу никаких признаков режимов наложения, хотя я вижу их, когда изучаю XML. Какую версию Inkscape вы используете?

Раньше режимы наложения SVG были немного сомнительными из-за неоднородной поддержки в браузерах, но теперь современные браузеры, похоже, поддерживают слои SVG с режимами наложения. Возможно, рассмотрите возможность перемещения формы для смешивания на отдельный слой, а затем установите режим смешивания слоя. Я протестировал это, и, похоже, оно работает с использованием Inkscape 1.0 и просмотром SVG в Chrome, Firefox и MS Edge. Вот пример

Очевидно, это не означает, что SVG обязательно будет правильно отображаться в других редакторах векторных изображений, которые могут не поддерживать текущие стандарты SVG в той же степени, что Inkscape или современные веб-браузеры. Например, SVG, на который я ссылался, не отображается должным образом в Adobe Illustrator 2018. Но Illustrator известен своей плохой поддержкой SVG.

Я попытался использовать слой в качестве наложения, но результат тот же. Кроме того, цвета отображаются по-разному в chrome и firefox... Я думаю, лучший вариант - забыть об этой функции на данный момент, поскольку она ведет себя по-разному в каждом браузере... Версия inkscape, которую я использую, также 1.0.
@christk - цвета не должны отображаться по-разному в разных браузерах. Вот скриншот SVG, который я сделал для просмотра в Firefox, Chrome и MS Edge. Я проверил цвета в области наложения, взяв образцы цветов в Photoshop, и они абсолютно одинаковы во всех трех браузерах.
svg отображается правильно только внутри inkscape
СпросиСетьПолитика конфиденциальности1y, 0v