HTML5 内联 SVG

HTML5 లోపలే ఉన్న SVG ను మద్దతు ఇస్తుంది.

SVG ఏమిటి?

  • SVG అనేది స్కేలబుల్ వెక్టర్ గ్రాఫిక్స్ (Scalable Vector Graphics)
  • SVG ఉపయోగిస్తారు నెట్వర్క్ కోసం వెక్టర్ గ్రాఫిక్స్ నిర్వచించడానికి
  • SVG 使用 XML 格式定义图形
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
  • SVG వెబ్ సైట్ లియాన్స్ ప్రామాణికం

SVG ప్రయోజనాలు

SVG ఉపయోగించడంలో ప్రయోజనాలు ఇతర చిత్ర ఫార్మాట్లకు (ఉదాహరణకు JPEG మరియు GIF) మాదిరిగా ఉన్నాయి:

  • SVG చిత్రాలను టెక్స్ట్ ఎడిటర్లతో సృష్టించవచ్చు మరియు సవరించవచ్చు
  • SVG చిత్రాలను శోధించవచ్చు, ఇండెక్స్ చేయవచ్చు, స్క్రిప్ట్ చేయవచ్చు లేదా కంప్రెస్ చేయవచ్చు
  • SVG స్కేలబుల్ అవుతుంది
  • SVG చిత్రాలను ఏ రెసల్యూషన్లోనైనా ఉన్నత గుణమైనటువంటి ముద్రణలో ముద్రించవచ్చు
  • SVG ను చిత్రగతిని కొనసాగించడం లేకుండా విస్తరించవచ్చు

బ్రౌజర్ మద్దతు

Internet Explorer 9, Firefox, Opera, Chrome మరియు Safari ఇన్లైన్ SVG ను మద్దతు ఇస్తాయి.

SVG ను HTML పేజీలో ప్రత్యక్షంగా ప్రవేశపెట్టండి

HTML5 లో, మీరు SVG మెటాబల్స్ ను ప్రత్యక్షంగా HTML పేజీలో ప్రవేశపెట్టవచ్చు:

ఉదాహరణ

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

స్వయంగా ప్రయత్నించండి

ఫలితం:

SVG శిక్షణ

SVG గురించి మరింత తెలుసుకోవడానికి మా సైట్ సందర్శించండి అని SVG శిక్షణ.