Линии биговки и реза SVG: читайте геометрию

Линия биговки и линия реза описывают разные предполагаемые задачи. Для складной открытки здесь линия биговки отмечает сгиб, а линия реза — внешний периметр. Однако в SVG цветная линия остаётся геометрией с нарисованным видом. Её цвет, имя или пунктирный вид не устанавливают операцию, которую применит программа резки.

Читайте отдельно три вещи: маршрут, сохранённый в файле, способ его рисования на экране и операцию, назначенную после импорта. Документация Cricut по Operation рассматривает Cut и Score как машинные инструкции, выбираемые для слоёв дизайна. Полезно выглядящий предпросмотр SVG не подтверждает этот выбор.

Маршрут сгиба и его вид — разные сведения

SVG означает Scalable Vector Graphics. Контур хранит маршрут или границу командами перемещения, линии и замыкания. Обводка рисуется вдоль геометрии; заливка окрашивает внутренность фигуры. Спецификация контуров SVG описывает команды и несвязанные подконтуры.

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

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

Это выбор конструкции сгиба, а не правило, что любой открытый контур — биговка, а любой замкнутый — рез. Интерпретацию целевой программы и выбранную операцию всё равно нужно проверять.

Два одинаковых сплошных следа могут хранить разные маршруты

Первая открытка использует этот открытый контур как ориентир сгиба:

<path id="fold" d="M50 18 V62" fill="none"
      stroke="#76548B" stroke-width="1.6"
      stroke-linecap="butt" />

Он начинается в 50, 18 и продолжается вертикально до 50, 62. Команды замыкания нет. Фиолетовая ширина получается из краски обводки вокруг маршрута.

Вторая открытка использует залитую полосу:

<path id="fold" d="M49.2 18 H50.8 V62 H49.2 Z"
      fill="#76548B" stroke="none" />

Её контур обходит полосу, а Z замыкает его. Определение closepath SVG объясняет это замыкающее соединение. Файл хранит периметр вокруг фиолетового следа вместо одного маршрута через середину.

Мы намеренно сделали оба следа одинаковыми на вид. Слой с именем fold идентифицирует элемент для нашей проверки, но не записывает протестированную операцию биговки. До принятия импортированного объекта за один маршрут сгиба проверьте, что реально сохранила целевая программа.

Пунктирная краска не выбирает между биговкой и резкой

Третья открытка сохраняет точные данные контура первой d="M50 18 V62" и добавляет stroke-dasharray="4 3". Спецификация рисования SVG определяет пунктир как окрашенные и неокрашенные части обводки. Маршрут примера остаётся непрерывным через показанные промежутки.

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

Для открытки решите, что задумано: один непрерывный ориентир сгиба, несвязанные сегменты, печатная направляющая или декоративная полоса. Один пунктирный вид не отвечает на этот вопрос дизайна. Наше руководство по геометрии пунктирных контуров подробнее рассматривает сохранённые промежутки и преобразованные в контуры штрихи; эта статья сосредоточена на распознавании сгиба и назначении нужной операции.

Узор 4 3 и видимая ширина обводки выбраны для читаемости демонстрации. Это не давление биговки, настройки лезвия или рекомендуемые размеры перфорации.

Что мы проверили в исходных файлах

При подсчёте контуров мы проверяли только группу сгиба, исключая общий периметр открытки и декор:

• Сплошной сгиб имеет один открытый контур и один подконтур.
• Полоса имеет один замкнутый контур и один подконтур.
• Сгиб с пунктирной краской имеет один открытый контур с неизменными данными.
• Версия с отдельными штрихами имеет семь открытых контуров и семь подконтуров.

Мы также отрендерили все четыре сохранённых SVG в 1000 × 800 пикселей через Sharp 0.34.4 и librsvg 2.61.1. Сплошной сгиб и залитая полоса дали одинаковые пиксельные буферы. Контур с пунктирной краской и отдельные сегменты тоже дали одинаковые пиксельные буферы. Браузерный рисунок показывает те же созданные SVG-файлы.

Результат устанавливает узкий факт: одинаковый вид не устанавливает одинаковую геометрию. Он не устанавливает, как Cricut Design Space импортирует файлы, какие траектории создаёт, сохраняет ли стиль пунктира и как материал складывается после биговки. Мы не импортировали образцы в Design Space и не запускали машину.

Один элемент path SVG может содержать несколько несвязанных подконтуров, поэтому само количество элементов path — не универсальная диагностика. Проверяйте начало, конец и замыкание маршрутов. Если вы восстанавливаете осевую линию из сканированного рисунка, руководство по однолинейному SVG рассматривает эту отдельную задачу трассировки.

Документированная проверка Cricut идёт после геометрии

Актуальное руководство Cricut Selecting Operation предписывает выбрать слой дизайна и операцию в меню Operation. Выбранная операция указана в панели Layers, а варианты показываются для выбранной машины. Для сгиба, который нужно биговать, проверьте назначение нужного Score соответствующему импортированному объекту.

Размещение — ещё одна проверка. Cricut описывает Attach как сохранение относительного положения реза и прикрепление слоёв Score, Draw или Foil к слою Cut. Для открытки сгиб и периметр должны иметь нужное взаимное положение и в предпросмотре проекта, и на холсте дизайна.

Это следующие проверки на основе документации. Мы не тестировали назначение или Attach с этими файлами. Метка операции не доказывает превращение замкнутой полосы в осевую линию, а цвет исходного файла не доказывает выбранную операцию. Проверяйте импортированное представление, назначение и размещение отдельно, затем испытывайте реальные инструмент и материал.

Для более общих проверок импорта, слоёв и коврика используйте наше руководство подготовки SVG для Cricut. Оно объясняет, почему организационная группировка отличается от сохранения нужного производственного расположения.

Отделяйте трассировку декора от сгиба

Если декоративный мотив открытки существует только как плоский PNG или JPG, процесс PerfectVector для графики Cricut восстановит вариант SVG по изображению. Проверьте восстановленные фигуры, затем держите декор отдельно от намеренно созданных сгиба и внешнего периметра. Векторизация создаёт контуры из пикселей; она не определяет авторский сгиб, не выбирает Score для импортированного слоя и не тестирует результат машины.

Сохраняйте существующий векторный мотив, если он есть. Круглый мотив нашего примера создан напрямую, без трассировки. Простой прямой ориентир сгиба тоже можно создать напрямую; трассировка снимка всей открытки добавляет задачу восстановления к уже известной геометрии.

Проверка файла завершена, когда вы определяете реальные маршруты сгиба, представление обводкой или заливкой, нужные промежутки и отдельный периметр открытки. Следующие проверки относятся к целевому проекту и тесту материала. Введение в векторизацию объясняет, что трассировка может и не может восстановить до этой передачи.

Частые вопросы

Означает ли красная или пунктирная линия SVG автоматически Score? Не выводите операцию из цвета или вида. Проверяйте исходную геометрию и операцию, назначенную в целевой программе. Cricut отдельно описывает выбор операций для слоёв дизайна.

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

Всегда ли пунктирные линии биговки — отдельные контуры? Нет. Непрерывный контур может иметь пунктирную краску обводки. Наш пример отдельных сегментов вместо этого хранит семь независимых открытых контуров. Проверяйте концы и подконтуры для различения.

Исправит ли Attach неверную геометрию сгиба? Считайте геометрию и размещение отдельными проверками. Cricut описывает Attach для сохранения размещения и прикрепления других операций к слою Cut. Документация не устанавливает, что у импортированного объекта есть нужная осевая линия или промежутки.

Источники

1. W3C: Контуры SVG — Команды, несвязанные подконтуры и поведение замыкания.
2. W3C: Пунктирные обводки SVG — Пунктирная краска обводки в отличие от базовых данных контура.
3. Cricut: Selecting Operation — Назначение операций слоям и проверка вариантов выбранной машины.
4. Cricut: Использование Attach — Относительное размещение и прикрепление Score или других слоёв операций к Cut.

Нужно восстановить декор открытки из растра? Создайте вариант SVG для графики Cricut, проверьте фигуры и держите отдельно от маршрута сгиба до проверки операций и размещения в проекте резки.