Проблема с файлами SVG

Я менеджер по дизайну в начинающей компании, которая продает нестандартные печатные изделия, такие как чехлы для телефонов/планшетов и часы.

Я создал градуировку часов с цифрами, часовыми и минутными метками для использования в настройщике на нашем веб-сайте.

В иллюстраторе все нормально.

Затем я загрузил файл SVG в настройщик на веб-сайте, и снова он выглядит нормально.

Однако, когда дизайн, в котором использовалась градуировка, был загружен с нашего веб-сайта, минутные метки повернулись так, что вместо того, чтобы быть выровненными от центра часов к краю, все они переориентировались, чтобы указывать вертикально.введите описание изображения здесь

Тот факт, что они делают это только после загрузки с нашего веб-сайта, заставляет меня думать, что проблема вызвана нашим настройщиком.

Если эта проблема вызвана нашим настройщиком, мне придется попросить нашего веб-разработчика исправить ее, что будет стоить дорого.

Я не могу использовать какой-либо другой формат (например, png), так как это означает, что клиент не может изменить цвет градации в настройщике.

Кто-нибудь знает, что вызывает эту проблему?

Или, может быть, есть обходной путь, о котором я не знал?

Любая помощь будет принята с благодарностью.

Ответы (1)

Я предполагаю, что это связано с тем, что Illustrator экспортирует маркеры как rects с матрицей преобразования, и это как-то теряется по пути.

У вас есть что-то вроде:

<rect x="100" y="200" width="5" height="60"
      transform="matrix(0.7953 -0.6062 0.6062 0.7953 -90.8174 130.1822)" />

Простой обходной путь — преобразовать ваши маркеры в составные пути, которые pathвместо этого будут выводить элементы (без преобразования).

Просто выберите все свои маркеры и перейдите в Object → Compound Path → Make или нажмите cmd+ 8. Затем у вас будет сингл pathна экспорт. Что-то вроде:

<path d="M168.288,222.531l-4.331,3.301l-37.512-49.215l4.331-3.301L168.288,222.531z M296.695,243.748l-1.064-5.845 l64.289-11.711l1.064,5.845L296.695,243.748z"/>

Если вам действительно нужны отдельные объекты, вы можете включить каждый маркер в составной путь по отдельности, но в противном случае просто выберите их все и создайте один большой составной путь.

Большое спасибо, это сработало отлично. Вы не представляете, сколько времени я потратил, пытаясь понять это. Я должен был написать здесь несколько дней назад. Еще раз спасибо
Никаких проблем @Tom
и добро пожаловать в GDSE! Если у вас есть какие-либо вопросы, обратитесь в справочный центр или свяжитесь с одним из нас в чате графического дизайна , как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Некоторое время назад я опубликовал еще один вопрос, но я не вижу ни одной записи о нем в своем профиле. Знаете, почему это так?
@TomMoose не уверен, я не вижу других вопросов в вашем профиле. Может быть, вы найдете ссылку на него в истории браузера?
Проблема с файлами SVG
СпросиСетьПолитика конфиденциальности1y, 1v