ఉచిత ప్లేస్‌హోల్డర్ ఇమేజ్ జనరేటర్

ఇది ఎలా పనిచేస్తుంది

అంతా HTML Canvas API మరియు చేతితో రాసిన SVG మార్కప్ ఉపయోగించి మీ బ్రౌజర్‌లో జరుగుతుంది — సర్వర్ లేదు, అప్‌లోడ్ లేదు, థర్డ్-పార్టీ సేవ లేదు. మీరు కొలతలు, రంగులు, మరియు లేబుల్ టెక్స్ట్ సెట్ చేస్తారు, టూల్ చిత్రాన్ని రియల్ టైమ్‌లో నేరుగా కాన్వాస్ ఎలిమెంట్‌పై గీసి, అవసరమైనప్పుడు PNG, JPEG, లేదా SVGగా సీరియలైజ్ చేస్తుంది.

1. 1
   కొలతలు మరియు రంగులను కాన్ఫిగర్ చేయండి

   వెడల్పు మరియు ఎత్తు టైప్ చేయండి (ఒక్కొక్కటి 1–4000 px), లేదా సాధారణ సోషల్ మీడియా మరియు డిజైన్ పరిమాణాలను కవర్ చేసే పదకొండు ప్రీసెట్‌లలో ఒకటి ఎంచుకోండి. అంతర్నిర్మిత థీమ్‌ల నుండి నేపథ్య మరియు టెక్స్ట్ రంగు ఎంచుకోండి లేదా ఏ hex విలువనైనా నేరుగా నమోదు చేయండి; స్థానిక color picker మరియు ధృవీకరించిన టెక్స్ట్ ఫీల్డ్ సమకాలీకరణలో ఉంటాయి.
2. 2
   Canvas API ప్రివ్యూను వెంటనే చూపుతుంది

   React effect ప్రతి మార్పుపై drawPlaceholder() పిలుస్తుంది. ఈ ఫంక్షన్ CanvasRenderingContext2D ఉపయోగించి దీర్ఘచతురస్రాన్ని నేపథ్య రంగుతో నింపుతుంది, ఐచ్ఛికంగా 15% అపారదర్శకతతో మసక వికర్ణ cross-hair రేఖలు గీస్తుంది, తర్వాత మీ లేబుల్ టెక్స్ట్‌ను కొలిచి మధ్యలో అమరుస్తుంది — కాన్వాస్ వెడల్పులో 90% లోపు సరిపోయే వరకు ఫాంట్‌ను స్వయంచాలకంగా చిన్నది చేస్తుంది.
3. 3
   PNG, JPEG, లేదా SVGగా ఎగుమతి చేయండి

   PNG మరియు JPEG డౌన్‌లోడ్‌లు canvas.toDataURL() పిలిచి, base64 ఫలితాన్ని మెమరీలో Blobగా మార్చి, డౌన్‌లోడ్ ప్రారంభిస్తాయి — iOS Safari డౌన్‌లోడ్ నియమాలు సంతృప్తి చెందేలా అన్నీ user gesture లోపల సమకాలికంగా. SVG ఎగుమతి సరిపోయే rect, ఐచ్ఛిక వికర్ణ రేఖలు, మరియు text ఎలిమెంట్‌తో స్వయం-సంపూర్ణ SVG స్ట్రింగ్‌ను నిర్మించి, .svg ఫైల్‌గా సేవ్ చేస్తుంది.
4. 4
   బ్యాచ్ ఎగుమతి మరియు కాపీ షార్ట్‌కట్‌లు

   'అన్ని ప్రీసెట్‌లు డౌన్‌లోడ్ చేయండి' బటన్ JSZipను డైనమిక్‌గా దిగుమతి చేసి, అదే draw ఫంక్షన్ ఉపయోగించి పదకొండు ప్రీసెట్ పరిమాణాలను ఆఫ్-స్క్రీన్ కాన్వాస్‌పై మళ్లీ గీసి, అన్ని PNGలను ఒకే ZIPలో ప్యాక్ చేస్తుంది. కాపీ బటన్‌లు కోడ్‌లో వెంటనే అతికించడానికి PNG data URL, ఇన్‌లైన్ SVG img ట్యాగ్, లేదా CSS background-image డిక్లరేషన్ ఇస్తాయి.

సంబంధిత సాధనాలు