HTML5 内联 SVG

HTML5 అనేది స్ట్రాంగ్ ఐన్లైన్ SVG ను మద్దతు ఇస్తుంది

SVG ఏమిటి?

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

SVG 的优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

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

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

ఇంటర్నెట్ ఎక్స్ప్లోరర్ 9, ఫైర్ఫాక్స్, ఓపెరా, చ్రోమ్ మరియు సఫారీ సామర్థ్యం కలిగిన సామర్థ్యం ఉంది.

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

హెచ్టిఎంఎల్ 5 లో, మీరు 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 శిక్షణ.