SVG ওয়েভ জেনারেটর

SVG ওয়েভ জেনারেটর কী?

SVG ওয়েভ জেনারেটর হলো ওয়েব ডিজাইনার ও ফ্রন্ট-এন্ড ডেভেলপারদের জন্য একটি বিনামূল্যের ইন-ব্রাউজার টুল, যারা হাতে পাথ না এঁকেই মসৃণ, প্রাকৃতিক ওয়েভ ডিভাইডার ও হিরো ব্যাকগ্রাউন্ড চান। আপনি কার্ভের তীব্রতা ঠিক করেন, এক থেকে আট পর্যন্ত লেয়ার স্তূপ করেন, ওয়েভ উল্টে দেন যাতে চূড়া নিচে বা উপরে মুখ করে, এবং একরঙা মিশ্রণ বা দুটি HEX রঙের মধ্যে উল্লম্ব গ্রেডিয়েন্ট দিয়ে ভরাট করেন। প্রতিটি ওয়েভ একটি সিড-ভিত্তিক সিউডো-র‍্যান্ডম জেনারেটর থেকে তৈরি হয়, তাই রিজেনারেট চাপলে একই সেটিং রেখে নতুন আকৃতি পাওয়া যায়, এবং আউটপুট হলো নির্ভুল, স্কেলযোগ্য SVG যা আপনি যেকোনো HTML পেজ বা ডিজাইন ফাইলে পেস্ট করতে পারেন। সেকশন ডিভাইডার, ফুটার, ব্যানার ও সাজসজ্জার ব্যাকগ্রাউন্ডে এটি ব্যবহার করুন।

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

1. ওয়েভের চূড়া কতটা উঁচু ও নাটকীয় হবে তা নিয়ন্ত্রণ করতে কার্ভের তীব্রতা 0 থেকে 100-এ সেট করুন।
2. লেয়ার সংখ্যা (1-8) বেছে নিন; বেশি লেয়ার গভীরতার জন্য স্বচ্ছ ওয়েভ স্তূপ করে।
3. ওয়েভের চূড়া নিচে বা উপরে মুখ করাতে ফ্লিপ ব্যবহার করুন।
4. একরঙা ফিল ও উল্লম্ব গ্রেডিয়েন্টের মধ্যে পাল্টাতে এবং শুরু ও শেষ রঙ বেছে নিতে সেটিংস খুলুন।
5. পছন্দ না হওয়া পর্যন্ত ওয়েভ আকৃতি নতুন করে সাজাতে রিজেনারেট চাপুন।
6. SVG মার্কআপ কপি করুন অথবা wave.svg ফাইল সংরক্ষণ করতে ডাউনলোডে ক্লিক করুন।

উদাহরণ

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

কার্ভের তীব্রতা কী বদলায়?

তীব্রতা (0-100) নিয়ন্ত্রণ করে প্রতিটি ওয়েভ চূড়া কতটা ওঠে ও নামে। কম মান কোমল ঢেউ দেয়; বেশি মান উঁচু, নাটকীয় চূড়া দেয়। আপনি বদলানোর সঙ্গে সঙ্গেই প্রিভিউ ও SVG তাৎক্ষণিকভাবে আপডেট হয়।

রিজেনারেট চাপলে আকৃতি বদলায় কেন?

প্রতিটি ওয়েভ একটি সিড-ভিত্তিক সিউডো-র‍্যান্ডম জেনারেটর থেকে আঁকা হয়। রিজেনারেট সিডটি বাড়িয়ে দেয় যাতে আপনি চূড়াগুলোর নতুন বিন্যাস পান, অথচ তীব্রতা, লেয়ার, রঙ ও ফিল ঠিক যেমন সেট করেছিলেন তেমনই থাকে।

একরঙা ও গ্রেডিয়েন্ট ফিলের মধ্যে পার্থক্য কী?

একরঙা প্রতিটি স্তূপীকৃত লেয়ারকে আপনার দুটি রঙের মধ্যে মেশায়, আর গ্রেডিয়েন্ট সব লেয়ারে উপরের প্রথম রঙ থেকে নিচের দ্বিতীয় রঙ পর্যন্ত একটি একক উল্লম্ব গ্রেডিয়েন্ট প্রয়োগ করে। পাল্টাতে ও দুটি রঙ বেছে নিতে সেটিংস খুলুন।

ডাউনলোড করা SVG কীভাবে ব্যবহার করব?

আউটপুট হলো মানসম্মত, স্কেলযোগ্য SVG মার্কআপ। এটি সরাসরি আপনার HTML-এ কপি করুন, অথবা wave.svg ডাউনলোড করে আপনার ডিজাইন টুলে আমদানি করুন বা ছবি হিসেবে রেফার করুন। ভেক্টর হওয়ায় এটি যেকোনো আকারে স্পষ্ট থাকে।

কোনো কিছু কি সার্ভারে আপলোড হয়?

না। ওয়েভ সম্পূর্ণরূপে আপনার ব্রাউজারে স্থানীয় গণনায় তৈরি হয়, এবং .svg ডাউনলোড মেমরিতে থাকা একটি blob থেকে গড়া হয়। কোনো সেটিং, রঙ বা ছবি কখনও আপনার ডিভাইস ছাড়ে না, তাই এটি অফলাইনে কাজ করে এবং আপনার কাজ ব্যক্তিগত রাখে।