SVG Gradients - Radial

SVG Radial Gradient - <radialGradient>

အစွန်းအထင်းရောင်ပြောင်းခြင်းကို သတ်မှတ်ရန်အတွက် <radialGradient> ဒြပ်စင်ကို အသုံးပြုသည်။

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

ဥပမာ ၁

အဖြူမှ အပြာသို့ အချင်းများသော အရောင်ပြောင်းသည့် ellipse ကို သတ်မှတ်ပါ-

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

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

• <radialGradient> tag ၏ id attribute သည် gradient အတွက် ထူးခြားသောအမည်ကို သတ်မှတ်ပေးပါသည်။
• cx၊ cy နှင့် r ရည်ညွှန်းချက်များသည် ပြင်ပစက်ဝိုင်းကို သတ်မှတ်ပြီး fx နှင့် fy တို့သည် အတွင်းဆုံးစက်ဝိုင်းကို သတ်မှတ်သည်
• gradient တစ်ခုအတွက် အရောင်အကွာအဝေးကို အရောင်နှစ်မျိုး သို့မဟုတ် ထို့ထက်ပိုသော အရောင်များဖြင့် ပေါင်းစပ်နိုင်ပါသည်။ အရောင်တစ်ခုစီကို <stop> tag ဖြင့် သတ်မှတ်ထားသည်။ အော့ဖ်ဆက် attribute ကို gradient အရောင်၏အစနှင့်အဆုံးနေရာတွင်သတ်မှတ်ရန်အသုံးပြုသည်။
• ဖြည့်စွက်ရည်ညွှန်းချက်သည် ellipse element ကို gradient နှင့် ချိတ်ဆက်ပေးသည်။

ဥပမာ ၂

အဖြူမှ အပြာသို့ အချင်းများသော အရောင်ပြောင်းမှုဖြင့် အခြား ellipse ကို သတ်မှတ်ပါ-

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