এই সরঞ্জামটি কী করে
Painter একটি সহজ ক্যানভাস-ভিত্তিক ড্রয়িং সরঞ্জাম। ফ্রীহ্যান্ড ব্রাশ দিয়ে আঁকুন, আকার যোগ করুন (আয়তক্ষেত্র, বৃত্ত, লাইন), ইরেজার ব্যবহার করুন, টেক্সট যোগ করুন এবং কাস্টম ব্যাকগ্রাউন্ড রঙ সেট করুন। ক্যানভাস PNG হিসাবে ডাউনলোড করুন। দ্রুত স্কেচ, অ্যানোটেশন, ডায়াগ্রাম এবং সহজ শিল্পের জন্য দরকারী। সব ড্রয়িং ব্রাউজারে হয়—কোনো সার্ভার নেই।
কীভাবে ব্যবহার করবেন
১. সরঞ্জাম বেছে নিন — ব্রাশ, আকার, ইরেজার বা টেক্সট নির্বাচন করুন। ২. আঁকুন — ব্রাশ বা আকারের জন্য ক্লিক এবং ড্র্যাগ করুন। টেক্সট প্লেসমেন্টের জন্য ক্লিক করুন। ৩. কনফিগার করুন — ব্রাশ সাইজ, রঙ এবং ফিল সেট করুন। আকারের জন্য স্ট্রোক এবং ফিল বেছে নিন। ৪. ব্যাকগ্রাউন্ড — ইচ্ছে করলে ক্যানভাস ব্যাকগ্রাউন্ড রঙ পরিবর্তন করুন। ৫. ডাউনলোড — ক্যানভাস PNG ইমেজ হিসাবে সংরক্ষণ করুন। ৬. ক্লিয়ার — আবার শুরু করতে ক্যানভাস রিসেট করুন।
কীভাবে কাজ করে
ক্যানভাস একটি HTML5 Canvas এলিমেন্ট। ড্রয়িং 2D কনটেক্সট ব্যবহার করে: ব্রাশ এবং ইরেজারের জন্য পাথ, আকারের জন্য rect/arc/line, টেক্সটের জন্য fillText। মাউস/টাচ ইভেন্ট স্ট্রোক এবং আকার ক্যাপচার করে। ক্যানভাস স্টেট মেমরিতে সংরক্ষিত; ডাউনলোড toDataURL('image/png') ব্যবহার করে। কোর ড্রয়িংয়ের জন্য কোনো এক্সটার্নাল লাইব্রেরি নেই—ভ্যানিলা ক্যানভাস API। Blob URL শুধুমাত্র ডাউনলোডের জন্য ব্যবহার করা হয়।
সমস্ত গণনা সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।
ব্যবহারের ক্ষেত্র ও উদাহরণ
- স্কেচ — দ্রুত ড্রয়িং এবং ডুডল।
- অ্যানোটেশন — স্ক্রিনশট বা ডায়াগ্রাম মার্ক আপ করুন।
- ডায়াগ্রাম — সহজ ফ্লোচার্ট বা ওয়্যারফ্রেম।
- স্বাক্ষর — দ্রুত স্বাক্ষর ক্যাপচার করুন।
- শিক্ষাদান — আকার এবং রঙ প্রদর্শন করুন।
উদাহরণ
- ব্রাশ, লাল, সাইজ ৫ → লাল ফ্রীহ্যান্ড লাইন আঁকুন।
- Rectangle টুল → আয়তক্ষেত্র আঁকতে ক্লিক এবং ড্র্যাগ করুন।
- Text টুল → টেক্সট প্লেস করতে ক্লিক করুন; ডায়ালগে টাইপ করুন।
সীমাবদ্ধতা ও পরিচিত সীমা
- কোনো লেয়ার নেই — একক লেয়ার; ক্লিয়ারিং ছাড়া undo/redo নেই।
- কোনো পারসিস্টেন্স নেই — রিলোডে ক্যানভাস স্টেট হারায়।
- মৌলিক সরঞ্জাম — গ্রেডিয়েন্ট, প্যাটার্ন বা উন্নত ফিল্টার নেই।
- শুধুমাত্র PNG — ডাউনলোড ফরম্যাট PNG; JPEG বা SVG এক্সপোর্ট নেই।