Акысыз Сүрөт кескич

Сүрөттөрдү сүйрөп-тандоо, каалаган пропорция чектөөлөрү (1:1, 16:9, 4:3, ж.б.), үчтөн бир эреже торчосу жана көп форматта экспорттоо (JPEG, PNG, WebP) менен кесиңиз.

Жүктөлгөндөн кийин оффлайн иштейт

Файлдарды бул жерге таштаңыз же серептөө үчүн чыкылдатыңыз

JPG, PNG, WebP, HEIC, HEIF · Файлдын өлчөмүнө чектөө жок

же буферден коюу үчүн Ctrl+V басыңыз

Файлдарды карап чыгуу

Кеңеш: скриншотту Ctrl+V менен чаптасаңыз болот

Файлдарыңыз түзмөгүңүздөн эч качан кетпейт. Бардык иштетүүлөр браузериңизде локалдуу түрдө ишке ашат.

Бул кантип иштейт

Кесүү толугу менен браузериңизде HTML5 Canvas API колдонуп болот — жүктөө жок, сервер жок. Тандоо аймагын түз canvas элементине сүйрөйсүз, кесүүнү колдонгондо, браузердин курулма 2D тартуу кыймылдаткычы жалгыз тандалган пикселдерди окуп, аларды JPEG, PNG же WebPге кайра кодддойт.

  1. 1
    Сүрөт эске жүктөлдү
    Файлыңыз URL.createObjectURL() менен окулат, ал браузерге жергиликтүү блоб URL берет. HTMLImageElement файлды толугу менен браузер табында декодддойт — сүрөт байттары эч качан түзмөгүңүздөн чыкпайт.
  2. 2
    Pointer Events кесүү тандоосун айдайт
    Браузердин Pointer Events API'си (чычкан, сенсордук жана калем киргизүүсүн бириктирет) canvas каптал сүйрөөлөрдү байкайт. Тандоодон тышкары басуу жаңы төрт бурчтукту баштайт; ичинде басуу аны жылдырат; ылдый-оң бурчка жакын басуу анын өлчөмүн өзгөртөт. Милдеттүү эмес пропорция орнотуулары (1:1, 16:9, 4:3, ж.б.) сүйрөө учурунда геометрияны чектейт.
  3. 3
    Canvas тирүү алдын ала көрүүнү тартат
    Ар бир кесүү өзгөрүшүндө, Canvas 2D контексти сүрөттү кайра тартат, тандоодон тышкары караңгы каптоо колдонот, кесүү аймагын толук так тактыкта түпнуска сүрөттү көрсөтүү үчүн тазалайт жана үчтөн-эреже торун жана деңизчил-түстүү өлчөм өзгөртүү туткачын каптайт.
  4. 4
    toBlob() натыйжаны кодддойт жана жеткирет
    Кесүүнү басканда, жаңы экран-сыртындагы canvas так кесүү өлчөмдөрүндө жаралат. ctx.drawImage() жалгыз тандалган төрт бурчтукту көчүрөт, canvas.toBlob() браузердин нативдик JPEG, PNG же WebP кодировщиги менен тандаган сапат орнотуусунда натыйжаны кодддойт. Чыгуу жүктөп алуу үчүн жергиликтүү блоб URL катары кайтарылат.

Сүрөтүңүз жергиликтүү блоб URL катары ачылат жана толугу менен браузер табыңызда иштетилет — эч нерсе эч кандай учурда эч кандай серверге жүктөлбөйт.

Байланыштуу куралдар

Көп берилүүчү суроолор