SVG လောက်လေး ပျက်ကွက်

SVG ပြောင်းလဲသော အချက်အလက် သည် <defs> အတွင်း ကျမ်းသွင်း ပါသည်

ကြယ်များ အရောင် ပြောင်းလဲသော

<radialGradient> ချက် သည် ကြယ်များ အရောင် ပြောင်းလဲသော အချက်အလက် ကို ကျမ်းသွင်းသည်

<radialGradient> ချက် သည် <defs> အတွင်း ချိတ်ဆက် ပါသည်။ <defs> ချက် သည် definitions အနေဖြင့် ခြွင်းပြခြင်း ဖြစ်ပါသည်။ သို့ဖြစ်၍ ပြောင်းလဲသော အအုပ် ကဲ့သို့ အရာများ ကို ကျမ်းသွင်းနိုင်ပါသည်

အောက်ဆုံး အချက်အလက် ကို မတော်တဆ ကြိုးစား ချင်း ရိုက်ထား ပါ၊ အဲ့ဒီ ဖိုင် ကို "radial1.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>
<radialGradient id="grey_blue" cx="50%" cy="50%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>
<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>
</svg>

အချက်အလက် အကြောင်းကြောင်း

<radialGradient> ချက် အဖွဲ့ id အကိုးး သည် ပြောင်းလဲသော အမည် ကို ဒေါ်လိုက်ခြင်း ဖြစ်ပါသည်။ fill:url(#grey_blue) အကိုးး သည် ellipse အအုပ် ကို ပြောင်းလဲသော အရောင် သို့ ချိတ်ဆက်ထားသည်။ cx, cy နှင့် r အကိုးး သည် အပြား အစိတ် ကို သတ်မှတ်ပါသည်။ fx နှင့် fy အကိုးး သည် အတွင်း အစိတ် ကို သတ်မှတ်ပါသည် ပြောင်းလဲသော အရောင် နိုင်ငံများ သည် နှစ်ခု သို့မဟုတ် ပိုမို အရောင် များ ဖြင့် ဖြစ်သည်။ ချင်းရောင် သည် <stop> ချက် ဖြင့် ကျမ်းသွင်းထားသည်။ offset အကိုးး သည် ပြောင်းလဲသော စတင် နှင့် အပြီး အချိန် ကို သတ်မှတ်သည်。

ဘာသာပြန် အချက်

အခြား အကြောင်းကြောင်း

<?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>
<radialGradient id="grey_blue" cx="20%" cy="40%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>
<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>
</svg>

ဘာသာပြန် အချက်