SVG গসসিয়ান ভুল

SVG ফিল্টারকে <defs> ট্যাগের মধ্যে নির্দিষ্ট করতে হবে

গসসিয়ান ভুল

<filter> ট্যাগটি কোন ফিল্টারকে গ্রাফিককে আপ্লাই করবে তা নির্দিষ্ট করে কী হবে?

<filter> ট্যাগটি <defs> ট্যাগের মধ্যে অনুবদ্ধ হতে হবে。<defs> ট্যাগটি definitions-এর সংক্ষিপ্ত রূপ, যা ফিল্টারের মতো বিশেষ এলিমেন্টগুলির নির্দিষ্টকরণের অনুমতি দেয়

নিচের কোডটি মুদ্রণ করুন, এবং ফাইলটিকে "filter1.svg" নামে সংরক্ষণ করুন।এই ফাইলটিকে আপনার ওয়েব ডিরেক্টরিতে রাখুন:

<?xml version="1.0" standalone="no"?>
!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="Gaussian_Blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" />
</filter>
</defs>
<ellipse cx="200" cy="150" rx="70" ry="40"
style="fill:#ff0000;stroke:#000000;
stroke-width:2;filter:url(#Gaussian_Blur)"/>
</svg>

কোড ব্যাখ্যা:

  • <filter> ট্যাগের id এটি ফিল্টারকে একটি অভিন্ন নাম নির্দিষ্ট করে (একই ফিল্টারটি ডকুমেন্টের একাধিক এলিমেন্ট দ্বারা ব্যবহৃত হতে পারে)
  • filter:url এটি এলিমেন্টকে ফিল্টারের সাথে সংযুক্ত করে।যখন ফিল্টার id-কে লিঙ্ক করা হয়, # চিহ্নটি ব্যবহার করা আবশ্যক
  • ফিল্টার প্রভাবকে <feGaussianBlur> ট্যাগের মাধ্যমে নির্দিষ্ট করা হয়।fe পোস্টফিক্সটি সব ফিল্টারের জন্য ব্যবহৃত হয়
  • <feGaussianBlur> ট্যাগের stdDeviation এটি ভুল মাত্রা নির্দিষ্ট করতে ব্যবহৃত
  • in="SourceGraphic" এই অংশটি সমগ্র চিত্র দ্বারা তৈরি হওয়া প্রভাবকে নির্দিষ্ট করে

উদাহরণ দেখুন

আরো একটি stdDeviation মান ভিন্ন উদাহরণ

<?xml version="1.0" standalone="no"?>
!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="Gaussian_Blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="20"/>
</filter>
</defs>
<ellipse cx="200" cy="150" rx="70" ry="40"
style="fill:#ff0000;stroke:#000000;
stroke-width:2;filter:url(#Gaussian_Blur)"/>
</svg>

উদাহরণ দেখুন