LibraTool logoLibraTool

Тавлидкунандаи тасвири ҷойгузин-и ройгон

Тасвирҳои ранга ҷойгузинро бо андоза, матн ва ранги дилхоҳ тавлид кунед. Андозаҳои стандартӣ барои шабакаҳои иҷтимоӣ, мокапҳо ва тарҳҳо.

Андозаҳои омода

Мавзӯъҳои ранг

💡 Барои макетҳои HTML: аз имконияти "Ҳамчун URL-и маълумот нусха бардоред" истифода баред ва ба <img src="..."> барои ҷойгузини дохилӣ гузоред. Барои тарҳҳои Figma / Sketch, PNG-ро боргирӣ кунед ва кашед.

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

Ҳама чиз дар браузери шумо бо истифодаи API-и HTML Canvas ва нишонагузории дастнависи SVG рух медиҳад — на сервер, на боркунӣ, на хидмати тарафи сеюм. Андоза, рангҳо ва матни тамғаро танзим мекунед, ва абзор тасвирро бевосита ба элементи canvas дар вақти воқеӣ рангубор мекунад, сипас онро ба PNG, JPEG ё SVG бо дархост сериализатсия мекунад.

  1. 1
    Андоза ва рангҳоро танзим кунед
    Бар ва баландиро (1–4000 px ҳар кадом) нависед, ё яке аз ёздаҳ пешфарзи фаро-гирандаи андозаҳои маъмули шабакаи иҷтимоӣ ва тарҳро интихоб кунед. Ранги замина ва матнро аз мавзӯъҳои дарунсохт интихоб кунед ё бевосита қиммати шонздаҳиро ворид кунед; интихобгари дарунсохти ранг ва майдони матнии санҷидашуда ҳамоҳанг мемонанд.
  2. 2
    API-и Canvas пешнамоишро фавран тасвир мекунад
    Таъсири React drawPlaceholder()-ро дар ҳар тағйир даъват мекунад. Ин функсия CanvasRenderingContext2D-ро истифода мебарад, то росткунҷаро бо ранги замина пур кунад, ихтиёран хатҳои каҷи сустзуҳурро дар 15% шаффофият кашад, сипас матни тамғаи шуморо чен ва марказонида кунад — фонтро худкор хурд карда то дар дохили 90% бари canvas ҷой шавад.
  3. 3
    Ҳамчун PNG, JPEG ё SVG содир кунед
    Боргириҳои PNG ва JPEG canvas.toDataURL()-ро даъват карда, натиҷаи base64-ро ба Blob дар хотира табдил медиҳанд ва боргириро фаъол мекунанд — ҳама синхронӣ дар дохили ишораи корбар, то қоидаҳои боргирии iOS Safari қаноатманд шаванд. Содироти SVG сатри худмуҳтавои SVG-ро бо росткунҷаи мувофиқ, хатҳои ихтиёрии каҷ ва элементи матн месозад, сипас онро ҳамчун файли .svg захира мекунад.
  4. 4
    Содироти якдаста ва миёнбурҳои нусхабардорӣ
    Тугмаи 'Боргирии тамоми пешфарзҳо' JSZip-ро тавассути ворид кардани динамикӣ илова карда, ҳар кадом аз ёздаҳ андозаи пешфарзро ба canvas-и берун-аз-экран бо ҳамон функсияи кашидан аз нав тасвир мекунад ва тамоми PNG-ҳоро ба ZIP-и ягона мебандад. Тугмаҳои нусхабардорӣ URL-и маълумоти PNG, тегы img-и inline-и SVG ё эъломияи background-image-и CSS-ро барои часпонидани фаврӣ ба рамз мебароранд.

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

📄

Тавлидкунандаи Lorem Ipsum

Матни намунавии Lorem Ipsum тавлид кунед. Калима, ҷумла ё сархатро интихоб кунед. Бо як клик нусхабардорӣ кунед.

Кӯшиш кунед
🧑‍🎨

Созандаи аватар

Аватарҳои тозаи ҳарфҳои аввалин созед — рангҳо, шакл ва андозаро интихоб кунед ва PNG содир кунед.

Кӯшиш кунед
🗃️

Тавлидкунандаи маълумоти намунавӣ

Маълумоти санҷишии сохтакории воқеӣ — ном, почта, суроға, сана, рақам — тавлид кунед ва ҳамчун JSON, CSV, SQL ё NDJSON содир кунед. То 10,000 сатр, бе ҳисоб, дар браузери шумо кор мекунад.

Кӯшиш кунед

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