SVG အစီအစဉ်

<defs> နှင့် <filter>

အစိုးရ ပုံသဏ္ဌာန် အစိုးရ အရ ပြားလှောင်း အစိုးရ အရ ပြားလှောင်း ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ် အကို အစိုးရ အရ အသုံးပြုသည်ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ် အကို အစိုးရ အရ အကြောင်းကြောင်း အသုံးပြုသည်

<filter> အကို အစိုးရ အရ SVG ပြားလှောင်း အသုံးပြုသည်<filter> အကို အစိုးရ အရ ပြားလှောင်း၏ ကိုယ်စားပြု အမည် ဖြစ်သည် အရ အသိအမှတ်ပြုပြီး၊ ပုံသဏ္ဌာန်ကို အသုံးပြုသော ပြားလှောင်းကို လိုက်နာပြီး

SVG <feOffset>

ဘာသာ 1

<feOffset> အစိုးရ အကို အစိုးရ အရ အဆိုပါ ပုံသဏ္ဌာန် (ပုံသဏ္ဌာန်သို့မဟုတ် အစိုးရ အကို) ကို ရယူပြီး၊ xy အရှိန်ပြန်ပေးပြီး

ပထမအကြိမ်ဘာသာ အကို အစိုးရ အရ ပုံသဏ္ဌာန်ကို ပြောင်းလဲသော နေရာသို့ ပြန်ပေးသည် (အသုံးပြုသည် <feOffset>），နောက်မှ အစိုးရ ပုံသဏ္ဌာန်ကို ပြောင်းလဲသော နေရာသို့ ပြန်ပေးပြီး (အသုံးပြုသည် <feBlend>）：

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

<svg height="120" width="120">
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    <filter id="f1" x="0" y="0" width="200%" height="200%">
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      <feBlend in="SourceGraphic" in2="offOut" mode="normal" />
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  fill="yellow" filter="url(#f1)" />
၄၅

သင်္ကေတချီးမှု

ကြော်ငြာအုပ်

• <filter> အကို အစိုးရ အရ ပြားလှောင်း၏ ကိုယ်စားပြု အမည် အသုံးပြုသည်
• <rect> အကို အစိုးရ အရ အစိုးရ "f1" ပြားလှောင်းသည်

ဘာသာ 2

ယခုတွင်၊ ပုံသဏ္ဌာန်ကို ပြောင်းလဲသော နေရာသို့ အပူပိုင်းပြုလုပ်နိုင်ပါသည် (အသုံးပြုသည် <feGaussianBlur>）：

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    <filter id="f2" x="0" y="0" width="200%" height="200%">
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  fill="yellow" filter="url(#f2)" />
၄၅

သင်္ကေတချီးမှု

ကြော်ငြာအုပ်

• ပုံသဏ္ဌာန် <feGaussianBlur> အကို အမှားဆန့်လျက် လေးပြားသဏ္ဌာန် အစိုးရ အရ ပြောဆိုသည်

例子 3

现在，将阴影设为黑色：

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
၄၅

သင်္ကေတချီးမှု

ကြော်ငြာအုပ်

• ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်

ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
      ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
    ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်
  ဖွဲ့စည်းကြောင်း
၄၅

သင်္ကေတချီးမှု

ကြော်ငြာအုပ်

• ဖော်ထုတ်ပြီး လူကြီးလူကြီး တက်လာကြပြီး ကျွန်တော် သင်္ကေတချီးမှုခံရတယ်