HTML တွင် SVG

သင်သည် SVG အရာဝတ္တုကို အပြည့်အထန် HTML စာမေးသတ္တုပေါ် အပြုပြင်ထားနိုင်ပါ

SVG အရာဝတ္တု အပြည့်အထန် HTML စာမေးသတ္တုပေါ် အပြုပြင်ထား

အကယ်၍ SVG အရာဝတ္တု အသုံးပြုသည့် အကျယ်အဝန်း အသုံးပြုပါ

ကျွန်ုပ်၏ ဘတ်ယာဉ် အင်တာနက် SVG အပြည့်အထန် ကူညီခြင်း မရှိပါ

ဤသည် HTML အချက်အလက်ဖြစ်ပါသည်

<!DOCTYPE html>
<html>
<body>
<h1>ကျွန်ုပ်၏ ပထမဆုံး SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးကြည်း

SVG အချက်အလက် ဖော်ပြချက်

  • SVG အရာဝတ္တု အစားထိုးခြင်း အရ <svg> အရာဝတ္တု ဖြင့် စတင်ပြီးပြီးခဲ့သည်
  • <svg> အရာဝတ္တု၏ width နှင့် height ဖော်ကြော်မှုများ အရ SVG အရာဝတ္တု၏ အကျယ်အဝန်း နှင့် အမြင့်ကို သတ်မှတ်ပြီးပြီးခဲ့သည်
  • <circle> အရာဝတ္တု အရ နှလုံးကို လုပ်ဆောင်ပြီးပြီးခဲ့သည်
  • cx နှင့် cy ဖော်ကြော်မှုများ အရ နှလုံး၏ အရှေ့အသို့ နှင့် အရှေ့အထိုး အစိတ်အချုပ်၏ x နှင့် y အစိတ်အချုပ်ကို သတ်မှတ်ပြီးပြီးခဲ့သည်။ အရှေ့အသို့ နှင့် အရှေ့အထို� အစိတ်အချုပ်ကို သတ်မှတ်ခြင်း မရှိဘဲဖြစ်လျှင် နှလုံး၏ အရှေ့အသို့ နှင့် အရှေ့အထိုး အစိတ်အချုပ် 0, 0 ဖြစ်သည်
  • r ဖော်ကြော်မှု အရ နှလုံး၏ အကွာအဝေးကို သတ်မှတ်ပြီးပြီးခဲ့သည်
  • stroke နှင့် stroke-width ဖော်ကြော်မှုများ အရ ပုံအဖိုလိပ်၏ ပြောင်းလဲမှုကို ပြုပြီးပြီးခဲ့သည်။ ကျွန်ုပ်သည် နှလုံး၏ အဖိုလိပ်ကို 4 ပုံအချိန်၏ အဖက်အဖွဲ့အဖြစ် ခရစ်ယားအရောင်အဖြစ် သတ်မှတ်ပြီးပြီးခဲ့သည်
  • fill ဖော်ကြော်မှု အရ နှလုံးအတွင်း၏ အရောင်ကို သတ်မှတ်ပြီးပြီးခဲ့သည်။ ကျွန်ုပ်သည် နှလုံး၏ ပြည့်အရောင်ကို အစိမ်းအရောင်အဖြစ် သတ်မှတ်ပြီးပြီးခဲ့သည်
  • 标签关闭 SVG 图像

注意：由于 SVG 是用 XML 写的，因此所有元素都必须正确关闭！