SVG မှုန်ဝါးခြင်းအကျိုးသက်ရောက်မှုများ

<defs> နှင့် <filter>

အင်တာနက် SVG စစ်ထုတ်မှုများအားလုံးကို <defs> ဒြပ်စင်တစ်ခုအတွင်း သတ်မှတ်ထားသည်။ <defs> ဒြပ်စင်သည် အဓိပ္ပါယ်ဖွင့်ဆိုချက်များအတွက် အတိုကောက်ဖြစ်ပြီး အထူးဒြပ်စင်များ (စစ်ထုတ်ခြင်းကဲ့သို့သော) ၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်ပါရှိသည်။

<filter> ဒြပ်စင်ကို SVG စစ်ထုတ်မှုကို သတ်မှတ်ရန် အသုံးပြုသည်။ <filter> ဒြပ်စင်တွင် စစ်ထုတ်မှုကို သတ်မှတ်ပေးသည့် လိုအပ်သော ID အရည်အချင်းတစ်ခု ရှိသည်။ ထို့နောက် ဂရပ်ဖစ်သည် အသုံးပြုရန် filter ကိုညွှန်ပြသည်။

SVG <feGaussianBlur>

ဥပမာ ၁

မှုန်ဝါးသောအကျိုးသက်ရောက်မှုများကိုဖန်တီးရန် <feGaussianBlur> ဒြပ်စင်ကိုအသုံးပြုသည်-

ဤသည်မှာ SVG ကုဒ်ဖြစ်သည်

ကုဒ်၏ ရှင်းလင်းချက်

• <filter> ဒြပ်စင်၏ id attribute သည် filter အတွက် ထူးခြားသောအမည်ကို သတ်မှတ်သည်။
• မှုန်ဝါးခြင်းအကျိုးသက်ရောက်မှုကို <feGaussianBlur> ဒြပ်စင်ဖြင့် သတ်မှတ်သည်။
• in="SourceGraphic" အပိုင်းသည် ဒြပ်စင်တစ်ခုလုံးအတွက် အကျိုးသက်ရောက်မှု ဖန်တီးထားကြောင်း သတ်မှတ်သည်။
• stdDeviation attribute သည် မှုန်ဝါးမှုပမာဏကို သတ်မှတ်သည်။
• <rect> element ၏ filter attribute သည် element ကို "f1" filter သို့ ချိတ်ဆက်သည်။