LibraTool logoLibraTool

Буришгари тасвир-и ройгон

Тасвирҳоро бо кашидан-интихоб буред, бо маҳдудияти ихтиёрии нисбати андоза (1:1, 16:9, 4:3 ва ғ.), тӯри се-як-се ва содироти бисёрформатӣ (JPEG, PNG, WebP).

Ҳамин ки бор шуд офлайн кор мекунад

Файлҳоро дар ин ҷо гузоред ё барои дидан клик кунед

JPG, PNG, WebP, HEIC, HEIF · Маҳдудияти андозаи файл нест

ё барои гузоштан аз ҳофиза Ctrl+V-ро пахш кунед

Файлҳоро паймоиш кунед

Маслиҳат: скриншотро бо Ctrl+V часпонда метавонед

Файлҳои шумо ҳеҷ гоҳ дастгоҳи шуморо тарк намекунанд. Ҳама коркардҳо дар браузери шумо ба таври маҳаллӣ сурат мегиранд.

Чӣ тавр он кор мекунад

Буриш пурра дар браузери шумо бо истифодаи API-и HTML5 Canvas кор мекунад — на боркунӣ, на сервер. Минтақаи интихобро бевосита дар элементи canvas кашола мекунед, ва вақте буришро татбиқ мекунед, муҳаррики тасвиркунии дарунсохти 2D-и браузер танҳо пикселҳои интихобшударо мехонад ва ба JPEG, PNG ё WebP аз нав рамзгузорӣ мекунад.

  1. 1
    Тасвир ба хотира бор карда мешавад
    Файли шумо бо URL.createObjectURL() хонда мешавад, ки URL-и blob-и маҳаллиро ба браузер месупорад. HTMLImageElement файлро пурра дар варақаи браузер рамзкушоӣ мекунад — байтҳои тасвир ҳаргиз дастгоҳатонро тарк намекунанд.
  2. 2
    API-и Pointer Events интихоби буришро ҳаракат медиҳад
    API-и Pointer Events-и браузер (ки муш, ламс ва вуруди қаламро якҷоя мекунад) кашоландаро дар рӯйпӯши canvas пайгирӣ мекунад. Зер кардани берун аз интихоб росткунҷаи наверо оғоз мекунад; зер кардани дохилаш онро ҳаракат медиҳад; зер кардани наздики кунҷи поёни-рост андозаашро тағйир медиҳад. Пешфарзҳои ихтиёрии нисбати тарафҳо (1:1, 16:9, 4:3 ва ғайра) геометрияро ҳангоми кашола маҳдуд мекунанд.
  3. 3
    Canvas пешнамоиши зиндаро мекашад
    Дар ҳар тағйири буриш, контексти Canvas 2D тасвирро аз нав мекашад, рӯйпӯши торикро берун аз интихоб татбиқ мекунад, минтақаи буришро тоза мекунад, то тасвири аслиро дар садоқати пурра нишон диҳад, ва тӯри се-ба-се ва дастаки мудаввари teal-и тағйири андозаро рӯйпӯш мекунад.
  4. 4
    toBlob() натиҷаро рамзгузорӣ ва пешниҳод мекунад
    Вақте ки Буришро зер мекунед, canvas-и нави берун-аз-экран дар андозаи дурусти буриш сохта мешавад. ctx.drawImage() танҳо росткунҷаи интихобшударо нусхабардорӣ мекунад, ва canvas.toBlob() натиҷаро бо рамзгузори дарунсохти JPEG, PNG ё WebP-и браузер дар танзими сифати интихобии шумо рамзгузорӣ мекунад. Натиҷа ҳамчун URL-и blob-и маҳаллӣ барои боргирӣ баргардонида мешавад.

Тасвири шумо ҳамчун URL-и blob-и маҳаллӣ кушода ва пурра дар дохили варақаи браузери шумо коркард мешавад — ҳеҷ чиз дар ягон нуқта ба ягон сервер бор карда намешавад.

Абзорҳои марбут

Саволҳои зуд-зуд додашаванда