Сохранение SVG с окном просмотра 0 0 в Illustrator

У меня проблема с сохранением SVG в правильном формате в Illustrator. Я хочу сохранить SVG для веб-разработки с полем просмотра как «0 0 100 100». Размеры, 100 ширина и высота, не проблема. Это сохраняет правильно. Но когда я проверяю код, я вижу, что в окне просмотра полностью случайные числа, то есть они не отображаются на веб-странице без редактирования кода.

Я установил оси X и Y в измерениях на 0. Я делаю это, перейдя в «Настройки документа» и «Редактировать монтажную область» и изменив размеры. Окно просмотра по-прежнему выдает что-то смешное вроде «0,5 765,5 100 100».

Кто-нибудь знает, как я могу сделать окно просмотра «0 0 100 100»? Заранее благодарю.

Не уверен, что это поможет, но вы можете легко отредактировать это в Блокноте. Это просто XML.

Ответы (6)

У меня была точно такая же проблема, но проверка «обрезать на артборд» не работала, а настройка XML напрямую выводила мое положение изображения из строя относительно области просмотра. Я решил эту проблему, наложив фрагмент на границу монтажной области. После этого файл будет экспортирован в SVG с полем просмотра «0 0…». Помимо добавления фрагмента, я не делал ничего, что отличалось бы от обычного процесса, просто «Сохранить для Интернета и устройств» с обычными настройками.

Обновление: мне нужно было убедиться, что фрагмент был выбран, прежде чем проходить процесс сохранения.

Спасибо за вклад и добро пожаловать в GraphicDesign! Дайте нам знать, если у вас есть какие-либо вопросы

Вы можете создать шаблон Illustrator с координатами x и y верхнего левого угла артборда с отрицательными значениями viewBox.

т.е. если значение viewBox равно «0,5 765,5 100 100», переместите монтажную область в точку (-0,5, -765,5) и используйте этот шаблон каждый раз, когда хотите экспортировать какую-либо иллюстрацию в файл svg. Используйте Shift+O...

введите описание изображения здесь

Золотое правило: никогда не трогайте монтажную область. Не изменяя размер, не перемещая. Illustrator поместит окно просмотра на основе 0,0 всей рабочей области.

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

Обязательно установите флажок «использовать монтажную область» в диалоговом окне экспорта (иначе в качестве размеров монтажной области будет использоваться само изображение).

Я не знаю, как вы создали файл .ai, но я обычно загружаю значок или создаю контуры для произведения искусства и текста. Что вы делаете, так это выбираете иллюстрацию и копируете ее, затем открываете новый документ, устанавливаете монтажную область так, как вы хотите, а затем вставляете на место.

SVG будет иметь окно просмотра и окно просмотра с 0 для координат x, y.

Мое решение (если вы не хотите разрешать новый документ):

  1. «Сохранить как», чтобы открыть диалоговое окно SVG.
  2. Нажмите «Код SVG» и обратите внимание на значения X/Y Viewbox, а затем отмените «Сохранить как».
  3. В поле преобразования добавьте значения X/Y SVG в поля X/Y соответственно, но поменяйте местами отрицательные/положительные значения: если значение X SVG равно 500, добавьте -500 в поле X. Если значение Y SVG равно -250, добавьте 250 в поле Y.
  4. Щелкните инструмент «Монтажная область» и в раскрывающемся списке «Наборы» выберите «Подогнать к выбранному рисунку».
  5. Сохраните как SVG, и X/Y вашего Viewbox теперь должны быть 0/0.

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

Сохранение SVG с окном просмотра 0 0 в Illustrator
СпросиСетьПолитика конфиденциальности1y, 0v