SVG ကုဒ် တည်းဖြတ်ကိရိယာ

ကုဒ်ကူးထည့်ခြင်း၊ ဖိုင်တင်သွင်းခြင်း သို့မဟုတ် ဆွဲယူ၍ချခြင်းတို့ကို ပံ့ပိုးပေးသည်

အချိန်နှင့်တပြေးညီ SVG ကြိုတင်ကြည့်ရှုခြင်း

မျက်နှာပြင်အပြည့်မှ ထွက်ရန်

အသုံးပြုပုံ နမူနာများ

{{ generatedUsageCode }}

SVG ကုဒ်ပုံဖော်မှုရလဒ်များကို လျင်မြန်စွာ ကြိုတင်ကြည့်ရှုနည်း။

သင်၏လုပ်ငန်းခွင်တွင် ဒီဇိုင်နာများသည် SVG ကုဒ်ကို တိုက်ရိုက်ပေးပို့နိုင်သည် သို့မဟုတ် vector ကိရိယာများမှ ကုဒ်အပိုင်းအစများကို ထုတ်ယူနိုင်သည်။ ဤကိရိယာဖြင့် သင်၏ကုဒ်ကို ကူးယူပြီး အပေါ်ရှိ တည်းဖြတ်ကွက်တွင် ကူးထည့်ရုံဖြင့် အချိန်နှင့်တပြေးညီ ပုံဖော်မှုကို ကြည့်ရှုနိုင်ပါသည်။ အကယ်၍ ရလဒ်ကို စစ်ဆေးရန် SVG ဖိုင်ကို မည်သို့ဖွင့်ရမည်ကို မသိပါက၊ ကြည့်ရှုရန်အတွက် SVG ဖိုင်ကို ဤကိရိယာထဲသို့ တင်သွင်းရုံသာ ဖြစ်သည်။ ဒီဇိုင်းပိုင်း ကိုက်ညီမှုရှိစေရန် မတူညီသော နောက်ခံအရောင်များ (အလင်း/အမှောင်မုဒ်) တွင် သင်၏ SVG မည်သို့ရှိသည်ကိုလည်း ချက်ချင်းကြည့်ရှုနိုင်သည်။

SVG ကုဒ်နှင့် ဖိုင်များကို လျင်မြန်စွာ ကြည့်ရှုရန်နှင့် ကြိုတင်ကြည့်ရှုရန် အဆင့်များ

  1. ကုဒ်ကူးထည့်ရန်- စာသားဧရိယာထဲသို့ <svg>...</svg> ပါဝင်မှုကို ကူးထည့်ပါ။
  2. ဆွဲယူ၍ချရန်- သင့်ကွန်ပျူတာမှ မည်သည့် .svg ဖိုင်ကိုမဆို ဆွဲယူပြီး ချက်ချင်းပိုင်းခြားစိတ်ဖြာရန် တည်းဖြတ်ကွက်ထဲသို့ ချပါ။
  3. အသေးစိတ်အချက်အလက်များကို စစ်ဆေးရန်- အသေးစိတ်စစ်ဆေးရန်အတွက် စကေးကို ချိန်ညှိရန် ချုံ့ချဲ့ခလုတ်များ (±1၊ ±5) ကို အသုံးပြုပါ။
  4. လျင်မြန်စွာ ပေါင်းစပ်ရန်- img src၊ viewBox နှင့် အခြားအရာများအတွက် ကုဒ်များကို ရယူရန် "အသုံးပြုပုံ နမူနာများ" အကြား ကူးပြောင်းပါ။

ဤအွန်လိုင်း SVG ကြိုတင်ကြည့်ရှုသည့်ကိရိယာ၏ ထူးခြားချက်များ

  • လုံးဝအခမဲ့ဖြစ်သည်- အွန်လိုင်းကိရိယာ၊ မှတ်ပုံတင်ခြင်း သို့မဟုတ် ဒေါင်းလုဒ်လုပ်ရန် မလိုအပ်ပါ။
  • အချိန်နှင့်တပြေးညီ တပြိုင်တည်းလုပ်ဆောင်ခြင်း- ကုဒ်ကို တည်းဖြတ်နေစဉ် ချက်ချင်းအပ်ဒိတ်လုပ်ခြင်း။
  • စမတ်ကျကျ ပြောင်းလဲခြင်း- Base64 ကုဒ်လုပ်ထားသော img tags များနှင့် ကောင်းမွန်အောင်ပြုလုပ်ထားသော viewBox ကုဒ်များကို အလိုအလျောက် ထုတ်ပေးသည်။
  • ချုံ့ချဲ့နိုင်စွမ်း- ချဲ့ပြီးနောက် အချိန်နှင့်တပြေးညီ ကြိုတင်ကြည့်ရှုခြင်းနှင့် အရွယ်အစားပြောင်းလဲထားသော SVG ကုဒ်ကို ကူးယူနိုင်သည်။
  • ပေါင်းစပ်မှု အမျိုးအစားများစွာ- Base64၊ အတွင်းကျကျ၊ CSS နောက်ခံများနှင့် အခြားအရာများအတွက် SVG ကုဒ်ကို လျင်မြန်စွာ ကူးယူပါ။ အကယ်၍ ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင် SVG ကို မည်သို့အသုံးပြုရမည်ကို မသေချာပါက၊ ကုဒ်ကူးယူရန် ဤကိရိယာကိုသာ အသုံးပြုပါ!
  • အသုံးပြုရလွယ်ကူခြင်း- အကောင်းဆုံး မြင်ကွင်းပိုင်း ဒီဘတ်လုပ်ခြင်း အတွေ့အကြုံအတွက် ချုံ့ချဲ့ခြင်း၊ မျက်နှာပြင်အပြည့်နှင့် နောက်ခံပြောင်းလဲခြင်းတို့ကို ပံ့ပိုးပေးသည်။

SVG ကြိုတင်ကြည့်ရှုသည့်ကိရိယာ အသေးစိတ်လုပ်ဆောင်ချက်များ

✅ SVG စာသားကုဒ် ကြိုတင်ကြည့်ရှုခြင်း
✅ အချိန်နှင့်တပြေးညီ ကြိုတင်ကြည့်ရှုရန် SVG ဖိုင်များကို ဖွင့်ပါ
✅ ဆွဲယူ၍ချခြင်းဖြင့် SVG ကို တင်သွင်းပါ
✅ လျင်မြန်စွာ SVG ကို ဒေါင်းလုဒ်လုပ်ပါ
✅ SVG အတိုင်းအတာများကို ချဲ့ခြင်း/ချုံ့ခြင်း ပြုလုပ်ပါ
✅ အရွယ်အစားပြောင်းလဲထားသော SVG ကုဒ်ကို ကူးယူပါ
✅ ပေါင်းစပ်မှု ပုံစံအမျိုးမျိုးသို့ ပြောင်းလဲပါ
✅ ပုံဖော်မှုရလဒ်များကို စစ်ဆေးရန် အလင်း/အမှောင်နောက်ခံတွင် ကြိုတင်ကြည့်ရှုပါ
✅ ကွန်ပျူတာ၊ ဖုန်းနှင့် တက်ဘလက်များအတွက် သင့်လျော်သော ဒီဇိုင်း