বিনামূল্যে প্লেসহোল্ডার ছবি জেনারেটর

কিভাবে কাজ করে

সবকিছু আপনার ব্রাউজারে HTML Canvas API ও হাতে লেখা SVG মার্কআপ দিয়ে হয় — কোনো সার্ভার, আপলোড বা তৃতীয় পক্ষের সার্ভিস নেই। আপনি মাপ, রং ও লেবেল টেক্সট দেন, আর টুলটি রিয়েল টাইমে সরাসরি একটি canvas এলিমেন্টে ছবি আঁকে, তারপর চাইলে PNG, JPEG বা SVG-তে সিরিয়ালাইজ করে।

1. 1
   মাপ ও রং কনফিগার করুন

   একটি প্রস্থ ও উচ্চতা টাইপ করুন (প্রতিটি 1–4000 px), অথবা প্রচলিত সোশ্যাল মিডিয়া ও ডিজাইনের মাপের এগারোটি প্রিসেটের একটি বাছুন। বিল্ট-ইন থিম থেকে ব্যাকগ্রাউন্ড ও টেক্সটের রং বাছুন বা সরাসরি যেকোনো hex মান দিন; একটি নেটিভ কালার পিকার ও একটি যাচাই করা টেক্সট ঘর সিঙ্কে থাকে।
2. 2
   Canvas API সঙ্গে সঙ্গে প্রিভিউ আঁকে

   একটি React effect প্রতিটি পরিবর্তনে drawPlaceholder() ডাকে। এই ফাংশন CanvasRenderingContext2D দিয়ে আয়তক্ষেত্রটি ব্যাকগ্রাউন্ডের রঙে ভরে, ঐচ্ছিকভাবে 15% অস্বচ্ছতায় হালকা কোণাকুণি ক্রস-হেয়ার রেখা আঁকে, তারপর আপনার লেবেল টেক্সট মেপে মাঝে বসায় — ক্যানভাস প্রস্থের 90%-এর মধ্যে না আঁটা পর্যন্ত ফন্ট স্বয়ংক্রিয়ভাবে ছোট করে।
3. 3
   PNG, JPEG বা SVG হিসেবে এক্সপোর্ট

   PNG ও JPEG ডাউনলোড canvas.toDataURL() ডাকে, base64 ফলাফলকে মেমোরিতে একটি Blob-এ রূপান্তর করে ডাউনলোড শুরু করে — সবই ব্যবহারকারীর ক্রিয়ার ভেতরে সিঙ্ক্রোনাসভাবে, যাতে iOS Safari-র ডাউনলোড নিয়ম মানা হয়। SVG এক্সপোর্ট মিলে যাওয়া rect, ঐচ্ছিক কোণাকুণি রেখা ও একটি text এলিমেন্টসহ একটি স্বয়ংসম্পূর্ণ SVG স্ট্রিং তৈরি করে .svg ফাইল হিসেবে সেভ করে।
4. 4
   একসাথে এক্সপোর্ট ও কপির শর্টকাট

   'Download all presets' বোতাম গতিশীলভাবে JSZip ইমপোর্ট করে, একই draw ফাংশন দিয়ে এগারোটি প্রিসেট আকারের প্রতিটি একটি অফ-স্ক্রিন ক্যানভাসে আবার আঁকে এবং সব PNG একটি ZIP-এ প্যাক করে। কপি বোতামগুলো কোডে সরাসরি পেস্টের জন্য একটি PNG data URL, একটি ইনলাইন SVG img ট্যাগ বা একটি CSS background-image ঘোষণা দেয়।

সম্পর্কিত টুলস