Обрезать и повернуть страницы PDF — Точный кроп онлайн

Скан лёг боком, страница пришла вверх ногами, у документа широкие пустые поля или лишняя рамка по краю. Инструмент «Обрезать и повернуть» в pdfredX правит это прямо в браузере: вы поворачиваете страницу шагами по 90° и задаёте область обрезки визуальной рамкой. Ничего не загружается на сервер.

Шаг 01. Открыть страницу в редакторе

Загрузите PDF или фото на pdfredx.com — страницы разложатся в галерею. Нажмите кнопку ✎ на карточке нужной страницы: откроется редактор кропа и поворота. Всё считается локально, файл не уходит на сервер.

Шаг 02. Повернуть и/или обрезать

Поворот. Кнопки ↺ −90° и ↻ +90° разворачивают страницу шагами по 90°: так исправляют боковой скан или перевёрнутый вверх ногами лист. Двойное нажатие даёт 180°. При повороте холст автоматически подстраивается под новый размер, фон белый.

Обрезка. Тяните рамку кропа, чтобы отсечь поля, рамку сканера или лишний край. Доступны пресеты соотношения сторон:

• Auto-A4 — подгоняет область под пропорции A4.
• A4 / A3 / Letter / Legal — фиксированные соотношения под стандартные форматы.
• Свободно — произвольная рамка без ограничения пропорций.

Бейдж масштаба показывает текущий процент — удобно, чтобы не обрезать слишком мелко.

Шаг 03. Применить и сохранить

Нажмите «Применить» — обрезка и поворот запекаются в страницу (обновляется editUrl). В галерее сразу видно результат. Когда все страницы готовы, «Создать PDF» соберёт финальный файл. Скачивание идёт напрямую из браузера. Бесплатно, без регистрации, без серверной очереди.

Как это работает технически

Поворот и кроп работают над изображением страницы. Кнопки поворота вызывают doRot(±90), а функция rotCanvas перерисовывает страницу на новом холсте под нужным углом (габариты пересчитываются, фон заливается белым). После поворота перезапускается редактор кропа Cropper.js уже с повёрнутым изображением.

Обрезка применяется через getCroppedCanvas: выбранная рамкой область вырезается в новый холст, результат становится новым editUrl страницы. Оригинал (origUrl) при этом не меняется — правки всегда идут в отдельное поле, так что можно переоткрыть редактор и продолжить.

Известные ограничения

Поворот шагами по 90°. Инструмент разворачивает боковые и перевёрнутые страницы (90°/180°/270°). Тонкого «выравнивания на пару градусов» одним слайдером здесь нет — для слегка заваленного скана используйте обрезку рамкой, чтобы выровнять кадр по краю.

Результат растровый. Применённые изменения запекаются в изображение страницы; текст в итоговом файле не выделяется, ссылки и закладки не переносятся (общая особенность экспорта).

Правка постранично. Кроп и поворот применяются к одной странице за раз через её кнопку ✎. Массового поворота всех страниц сразу пока нет.

Нужно переставить страницы местами, а не поворачивать? Это инструмент Переставить страницы. А собрать несколько файлов в один — Объединить PDF.

Попробуйте прямо сейчас — pdfredx.com, без регистрации, файлы остаются у вас.

Сканер выдал страницы боком, телефон снял документ вверх ногами, по краям — чёрная рамка и лишние поля от стекла. Читать такой PDF неудобно, отправлять — стыдно. Обычный онлайн-сервис для поворота и обрезки предлагает залить документ на свой сервер, хотя это чисто визуальная правка. А если это скан паспорта, договора или медицинской справки — на чужую машину уезжает конфиденциальный документ ради разворота на 90°. Разберём, как починить страницы локально.

Что обычно не так со сканами

• Боковая ориентация. Сканер или камера повернули лист на 90° — текст идёт вертикально.
• Вверх ногами. Страницу заложили не той стороной — нужен разворот на 180°.
• Лишние поля и рамка. По краям — поле стекла сканера, тень или чёрная кайма, которые хочется отсечь.

Всё это правится поворотом шагами по 90° и обрезкой рамкой — без всякой серверной обработки.

Локальная правка: документ не покидает вкладку

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

Файл читается локально. Страница открывается в редакторе во вкладке; сетевого запроса с вашим документом нет.

Поворот и кроп идут в памяти вкладки. Развороты на 90°/180°, выбор области обрезки, применение — всё это операции над уже загруженными данными. Ничего не отправляется.

Скачивается только исправленный файл. Готовый PDF собирается на клиенте и падает в «Загрузки», а не летает на сервер и обратно.

Работает офлайн. Загрузите скан, отключите интернет и поправьте страницы — всё продолжит работать. Сеть нужна только чтобы один раз загрузить приложение.

Практично: нажмите ✎ на кривой странице, кнопками ↺ −90° / ↻ +90° поставьте её ровно, рамкой отсеките поля и рамку сканера, затем «Применить». Документ всё это время остаётся у вас.

Честно о границах инструмента

Поворот — шагами по 90°. Боковой и перевёрнутый скан выпрямляются идеально. Но если лист заложили с лёгким наклоном в пару градусов, отдельного слайдера «докрутить на 3°» здесь нет — такой перекос частично маскируется обрезкой кадра по краю рамкой кропа.

Правка постранично. Каждая страница правится через свою кнопку ✎; массового разворота всех страниц одним нажатием пока нет.

Что мы гарантировать не можем — честный дисклеймер

Клиентская обработка защищает документ от ухода на внешние серверы, но это не щит от всех угроз.

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

Браузерные расширения с широкими правами. Расширение с доступом «читать данные на всех сайтах» теоретически видит содержимое вкладки. Для чувствительных документов работайте в профиле без сторонних расширений или в приватном окне.

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

Мы обеспечиваем изоляцию на уровне браузерной вкладки. Остальное — на стороне пользователя.

Выпрямите и подрежьте скан без загрузки на сервер — pdfredx.com, бесплатно, без регистрации.

Повернуть и обрезать страницу PDF на сервере можно через матрицу трансформации (CTM) прямо в структуре файла, не растеризуя контент. В браузере, в общем растровом пайплайне приложения, где страница уже приведена к изображению, выбран другой путь. Разберём, как устроен инструмент «Обрезать и повернуть» (crop) в pdfredX: почему поворот рисуется на canvas, как Cropper.js отвечает только за обрезку и почему изменения запекаются в отдельное поле editUrl.

Архитектурный выбор: CTM в структуре против canvas-растеризации

Матрица трансформации (CTM). «Серверный» способ — записать поворот и кроп как трансформацию в структуре PDF: контент остаётся векторным и резким. Но это требует парсера PDF и аккуратной работы с координатными пространствами.

Canvas-растеризация (путь pdfredX). Страница уже отрисована PDF.js в изображение. Поворот выполняется перерисовкой этого изображения на новом холсте, а обрезка — вырезанием области в ещё один холст. Плата — растровый результат; выигрыш — предсказуемость и приватность (всё во вкладке, файл никуда не уходит).

Разбор реализации

Поворот: doRot → rotCanvas

Кнопки поворота накапливают угол и перерисовывают страницу:

async function doRot(deg) {
  eRot = (eRot + deg + 360) % 360;      // накапливаем угол (кнопки дают ±90)
  const rotated = await rotCanvas(eBase, eRot);
  loadCropper(rotated);                 // перезапускаем кроп с повёрнутым изображением
}

Само вращение делает rotCanvas: пересчитывает габариты повёрнутого холста через синус/косинус, заливает фон белым и рисует изображение под нужным углом:

const rad = degrees * Math.PI / 180;
const cw = Math.round(img.width*cos + img.height*sin);  // новые габариты bbox
const ch = Math.round(img.width*sin + img.height*cos);
ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, cw, ch);      // белый фон под «уголки»
ctx.translate(cw/2, ch/2); ctx.rotate(rad);
ctx.drawImage(img, -img.width/2, -img.height/2);

Важная деталь: формула габаритов и заливка фона написаны для любого угла, поэтому функция математически умеет и произвольный поворот — но в UI её вызывают шагами по 90° (↺ −90° / ↻ +90°). Заливка белым нужна, чтобы «уголки», появляющиеся при повороте не на 90°, не стали чёрными.

Кроп: Cropper.js только для обрезки

Редактор Cropper.js инициализируется с выключенным собственным вращением — поворот делает rotCanvas, а Cropper отвечает только за рамку обрезки:

cropper = new Cropper(img, {
  viewMode: 1, autoCropArea: 1,
  rotatable: false, scalable: false,   // вращение и масштаб Cropper отключены
  cropBoxMovable: true, cropBoxResizable: true,
});

Пресеты соотношения сторон задаются через setAspectRatio (A4/A3/Letter/Legal из таблицы PAGE_RATIOS, режим auto-A4, или NaN для свободной рамки). При перезапуске после поворота активный пресет восстанавливается, чтобы рамка не «слетала».

Запекание в editUrl

Применение вырезает выбранную область и сохраняет её как новый editUrl страницы:

const croppedCanvas = cropper.getCroppedCanvas({ ... });
items[eId].editUrl = croppedCanvas.toDataURL();  // правки — только в editUrl

Ключевой инвариант: origUrl (оригинал) никогда не мутируется, правки идут только в editUrl. Поэтому редактор можно переоткрыть и продолжить с текущего состояния, а последующие инструменты (аннотации, водяной знак) работают уже с обрезанной/повёрнутой страницей.

Компромиссы и границы подхода

Растровый результат. Векторной резкости при сильном увеличении нет; для экранного документа и печати разница минимальна.

Поворот шагами по 90° в UI. Движок (rotCanvas) поддерживает любой угол, но интерфейс даёт только 90°-шаги; тонкого deskew-слайдера на произвольный градус пока нет.

Правка постранично. Один вызов редактора — одна страница; массового поворота всех страниц сразу нет.

Что дальше

Слайдер тонкого поворота — выставить произвольный угол (±15° с шагом 0.5°) для выравнивания слегка заваленных сканов; движок rotCanvas это уже позволяет, нужен UI-контрол.

Пакетный поворот — применить один разворот ко всем выделенным страницам сразу.

Хотите проверить — загрузите кривой скан на pdfredx.com, откройте его кнопкой ✎, поверните и обрежьте. Без регистрации, без загрузки файла на сервер.