SVG ట్యూటోరియల్

SVG 指的是可缩放矢量图形（Scalable Vector Graphics）。

SVG అనగా XML వెక్టర్ గ్రాఫిక్స్ ఫార్మాట్లో స్వరూపం నిర్వచించబడింది.

ప్రతి సిఫార్సులోని ఉదాహరణలు

మా 'స్వయంగా ప్రయత్నించండి' ఎడిటర్ ఉపయోగించి SVG సవరించండి, ఆపై బటన్ నొక్కి ఫలితాలను చూడండి.

SVG ఇన్స్టాన్స్

<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>

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

అవసరమైన బేసిక్ జ్ఞానం

కొనసాగే ముందు, మీరు క్రింది విషయాలలో కొన్ని బేసిక్ జ్ఞానాన్ని కలిగి ఉండాలి:

  • HTML
  • బేసిక్ XML

ఈ విషయాలను మొదటిగా నేర్చుకోవాలనుకుంటే, మా ముఖ్యపేజీలో సంబంధిత శిక్షణాలను సందర్శించండి.

ఏమి ఉంది? SVGఎందుకు?

  • SVG SVG అనేది స్కేలబుల్ వెక్టర్ గ్రాఫిక్స్ అని కుటుంబించబడుతుంది
  • SVG వెబ్ పేజీలో వెక్టర్ గ్రాఫిక్స్ నిర్వచించడానికి ఉపయోగించబడుతుంది
  • SVG XML ఫార్మాట్లో గ్రాఫిక్స్ నిర్వచించవచ్చు
  • SVG ఫైలులోని ప్రతి మూలకం మరియు ప్రతి లక్షణం అనిమేషన్ అమర్చవచ్చు
  • SVG డబ్ల్యూ3సి సిఫారసు పేరు పొందింది
  • SVG డబ్ల్యూ3సి పేరు పొందిన ఇతర పేరులతో సమన్వయంలో ఉన్నాయి, ఉదాహరణకు DOM మరియు XSL

SVG డబ్ల్యూ3సి సిఫారసు పేరు పొందింది

SVG 1.0 2001 సెప్టెంబర్ 4 న డబ్ల్యూ3సి సిఫారసు పేరు పొందింది.

SVG 1.1 2003 జనవరి 14 న డబ్ల్యూ3సి సిఫారసు పేరు పొందింది.

SVG 1.1 (రెండవ ఆవర్తన) 2011 ఆగస్టు 16 న డబ్ల్యూ3సి సిఫారసు పేరు పొందింది.

SVG ప్రయోజనాలు

JPEG మరియు GIF వంటి ఇతర చిత్ర ఫార్మాట్లతో పోలిస్తే, SVG ఉపయోగం SVG ప్రయోజనం ఉంది:

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

సృష్టించవచ్చు SVG చిత్రాలు

SVG SVG చిత్రాలను ఏ టెక్స్ట్ ఎడిటర్ తో సృష్టించవచ్చు, కానీ డ్రాయింగ్ ప్రోగ్రామ్స్ (ఉదాహరణకు) Inkscape）创建 SVG 图像通常更方便。