ایچ تی ایم ایل5 اینلائن ایس وی جی

HTML5 ਵਿੱਚ ਇਨਲਾਈਨ SVG ਸਮਰਥਨ ਹੈ

SVG ਕੀ ਹੈ?

  • SVG ਇੱਕ ਸਕੇਲੇਬਲ ਵੈਕਟਰ ਗਰਾਫਿਕਸ (Scalable Vector Graphics) ਹੈ
  • SVG ਵਿੱਚ ਨੈੱਟਵਰਕ ਲਈ ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
  • SVG ਗਰਾਫਿਕਸ ਨੂੰ XML ਫਾਰਮੈਟ ਰਾਹੀਂ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ
  • SVG ਚਿੱਤਰ ਦੀ ਗੁਣਵੱਤਾ ਵਧਾਉਣ ਜਾਂ ਸਾਇਜ਼ ਬਦਲਣ ਦੇ ਸਮੇਂ ਗੁਣਵੱਤਾ ਨੂੰ ਨੁਕਸਾਨ ਨਹੀਂ ਹੁੰਦਾ ਹੈ
  • SVG ਵਿੱਚ ਵਿਸ਼ਵ ਵੈਬ ਫੈਡਰੇਸ਼ਨ ਦਾ ਮਿਆਰ ਹੈ

SVG ਦੇ ਲਾਭ

ਹੋਰ ਚਿੱਤਰ ਫਾਰਮੈਟ (ਜਿਵੇਂ ਕਿ JPEG ਅਤੇ GIF) ਦੀ ਤੁਲਨਾ ਵਿੱਚ SVG ਦੇ ਲਾਭ ਹਨ:

  • 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 ਟੂਟੀਕਲਾਰ.