SVG উদাহরণ

SVG ফাইল দেখুন

SVG দেখার টুল ইনস্টল না হলে, SVG ফাইল দেখা যাবে না。

মন্তব্য:Firefox 1.5 এবং Opera 9 SVG-কে প্রকৃতভাবে সমর্থন করে।আপনি এই ব্রাউজারগুলির যেকোনটি ব্যবহার করলে, SVG দেখার টুল ইনস্টল করতে হবে না。

Adobe থেকে স্বাধীন SVG দেখার টুল ডাউনলোড করুন

SVG সোর্স কোড দেখুন

SVG সোর্স কোড দেখার জন্য, এই উদাহরণগুলিকে খুলুন এবং উইন্ডোতে ডানদিকে ক্লিক করে, 'সোর্স কোড দেখুন' নির্বাচন করুন。

SVG উদাহরণ

SVG আকার

চতুরস্থানীয়
স্পষ্টতা সহ চতুরস্থানীয়
স্পষ্টতা সহ চতুরস্থানীয় 2
কোণটি গোল রঙ্গিন চতুরস্থানীয়
বৃত্ত
অবকর্ণাকার
একের উপরে একটি অবকর্ণ
দুটি অবকর্ণ
একটি লাইন
ত্রিকোণ
চতুরস্থানীয়
সরল লাইন
পথ
স্পিরাল

SVG ফিল্টার

feGaussianBlur ফিল্টার
আরেকটি feGaussianBlur ফিল্টার
feBlend ফিল্টার
feColorMatrix ফিল্টার
feComponentTransfer ফিল্টার
feOffset ফিল্টার
feOffset, feFlood, feComposite, feMerge এবং feMergeNode
feMorphology ফিল্টার
ফিল্টার 1
ফিল্টার 2
ফিল্টার 3
ফিল্টার 4
ফিল্টার 5
ফিল্টার 6

SVG গ্রেডিয়েন্ট

লীনিয়ার গ্রেডিয়েন্ট (অনুভূমিক গ্রেডিয়েন্ট)
লীনিয়ার গ্রেডিয়েন্ট (ভূমিকম্প গ্রেডিয়েন্ট)
রেডিওগ্রাফিক গ্রেডিয়েন্ট
রেডিওগ্রাফিক গ্রেডিয়েন্ট 2

SVG মিস্ক

বর্গে একটি "a" ইলেকট্রন যোগ করুন, তারপর বর্গটি একটি হাইপারলিঙ্ক হিসাবে কাজ করবে。
ব্যবহারকারী বৃত্তের উপর ক্লিক করার সময়, JavaScript-এর মাধ্যমে একটি ইলেকট্রন তৈরি করুন。
5 সেকেন্ডের মধ্যে প্রতিবর্তীভাবে ফ্লাইট করা বর্গ
অ্যানিমেশন ইফেক্ট তৈরি করতে বর্গের x, y, width ও height প্রতিষ্ঠান বদলে নেওয়া এবং বর্গের রঙ বদলে নেওয়া
রঙ বদলে নেওয়া তিনটি বর্গ
একটি চলনীয় পথের মধ্যে সরণ করা টেক্সট
একটি চলনীয় পথের মধ্যে সরণ, ঘূর্ণন ও সমস্ত মাত্রা বদলে নেওয়া টেক্সট
একটি চলনীয় পথের মধ্যে সরণ, ঘূর্ণন ও সমস্ত মাত্রা বদলে নেওয়া টেক্সট + রঙ বদলে নেওয়া ও বড় হওয়া বর্গ