SVG ব্লব জেনারেটর

SVG ব্লব জেনারেটর কী?

SVG ব্লব জেনারেটর ডিজাইনার ও ফ্রন্ট-এন্ড ডেভেলপারদের জন্য একটি ফ্রি ইন-ব্রাউজার টুল, যারা ব্যাকগ্রাউন্ড, হিরো সেকশন, অ্যাভাটার বা সাজসজ্জার ছোঁয়ার জন্য নরম, জৈব ব্লব আকৃতি হাতে না এঁকেই চান। আপনি দুটি মান নিয়ন্ত্রণ করেন: জটিলতা (আকৃতির চারপাশে অ্যাঙ্কর বিন্দুর সংখ্যা) এবং কনট্রাস্ট (প্রতিটি বিন্দু একটি নিখুঁত বৃত্ত থেকে কতটা সরে যায়)। স্টেটে রাখা একটি সিড, যা পুনরায় তৈরি করুন বোতাম দিয়ে বাড়ে, আপনাকে জটিলতা ও কনট্রাস্ট স্থির রেখে অসংখ্য রূপের মধ্যে ঘুরতে দেয়। আউটপুট একটি মসৃণ বন্ধ বেজিয়ার পাথ হিসেবে রেন্ডার হয়, তাই আপনি পরিষ্কার SVG মার্কআপ কপি করতে পারেন, যেকোনো এলিমেন্ট মাস্ক করার জন্য একটি CSS clip-path() নিয়ম পেতে পারেন, বা ব্যবহারের জন্য প্রস্তুত একটি .svg ফাইল ডাউনলোড করতে পারেন। ব্র্যান্ডের সঙ্গে মানানসই সাজসজ্জা দ্রুত তৈরি করতে বা বৃত্তের চারপাশের বিন্দু থেকে ব্লব পাথ কীভাবে তৈরি হয় তা শিখতে এটি ব্যবহার করুন।

SVG ব্লব জেনারেটর কীভাবে ব্যবহার করবেন

1. সেটিং খুলুন এবং আকৃতির জন্য জটিলতা (বিন্দুর সংখ্যা, 3-16) সেট করুন।
2. কিনারা কতটা অনিয়মিত ও ঢেউখেলানো হবে তা নিয়ন্ত্রণ করতে কনট্রাস্ট (0-100) সেট করুন।
3. রং চিপ দিয়ে বা একটি HEX মান টাইপ করে ফিল রং বেছে নিন।
4. পরবর্তী সিড থেকে নতুন এলোমেলো রূপ পেতে পুনরায় তৈরি করুন-এ ক্লিক করুন, যতক্ষণ না আকৃতি পছন্দ হয়।
5. SVG মার্কআপ বা CSS clip-path নিয়ম কপি করুন, অথবা একটি .svg ফাইল সংরক্ষণ করতে ডাউনলোড-এ ক্লিক করুন।

উদাহরণ

সচরাচর জিজ্ঞাসিত প্রশ্ন

জটিলতা ও কনট্রাস্ট কী নিয়ন্ত্রণ করে?

জটিলতা হলো একটি বৃত্তের চারপাশে সমানভাবে স্থাপিত অ্যাঙ্কর বিন্দুর সংখ্যা (3 থেকে 16) — বেশি বিন্দু আরও বিশদ রূপরেখা তৈরি করে। কনট্রাস্ট হলো প্রতিটি বিন্দু মূল ব্যাসার্ধ থেকে ভেতরে বা বাইরে কতটা এলোমেলোভাবে ঠেলা হয় (0 থেকে 100), তাই 0 একটি সাধারণ বৃত্তের কাছাকাছি এবং 100 অত্যন্ত অনিয়মিত।

পুনরায় তৈরি করুন বোতামটি কীভাবে কাজ করে?

প্রতিটি ব্লব একটি সংখ্যাসূচক সিডের সঙ্গে আপনার জটিলতা ও কনট্রাস্ট যোগ করে তৈরি হয়। পুনরায় তৈরি করুন সিডটি এক বাড়ায় এবং আকৃতি পুনরায় গণনা করে, তাই প্রতিবার ক্লিকে আপনি একটি নতুন এলোমেলো রূপ পান যখন জটিলতা, কনট্রাস্ট ও রং একই থাকে।

SVG ও clip-path আউটপুটের মধ্যে পার্থক্য কী?

SVG আউটপুট হলো একটি সম্পূর্ণ, স্বতন্ত্র <svg> ফাইল যা আপনি এমবেড বা ডাউনলোড করতে পারেন। clip-path আউটপুট হলো path() ব্যবহার করা একটি একক CSS নিয়ম যা আপনি যেকোনো HTML এলিমেন্টে প্রয়োগ করে সেটিকে একই ব্লব রূপরেখায় কাটতে পারেন।

আমি কি রং বদলে ফাইল ডাউনলোড করতে পারি?

হ্যাঁ। রং চিপ বা একটি HEX মান দিয়ে ফিল রং সেট করুন; প্রিভিউ, SVG ও ডাউনলোড সবই এটি ব্যবহার করে। সম্পূর্ণরূপে আপনার ব্রাউজারে তৈরি একটি blob.svg ফাইল সংরক্ষণ করতে ডাউনলোড-এ ক্লিক করুন।

আমার আকৃতি বা সেটিং কি কোনো সার্ভারে পাঠানো হয়?

না। ব্লবটি একটি স্থানীয় সিড-ভিত্তিক এলোমেলো ফাংশন দিয়ে তৈরি হয় এবং সমস্ত SVG ও clip-path স্ট্রিং আপনার ব্রাউজারে তৈরি হয়। কিছুই আপলোড হয় না, তাই টুলটি অফলাইনে কাজ করে এবং আপনার কাজ ব্যক্তিগত থাকে।