SVG ਜਾਂ ਸਕੇਲੇਬਲ ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਤੁਹਾਨੂੰ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਚਿੱਤਰਾਂ ਨੂੰ ਖਿੱਚਣ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਵੈਬ ਪੇਜਾਂ ਤੇ ਰੈਂਡਰ ਕਰਨ ਦਿੰਦੇ ਹਨ. ਪਰ ਤੁਸੀਂ ਬਸ ਐਸ.ਵੀ.ਜੀ. ਟੈਗ ਨਹੀਂ ਲੈ ਸਕਦੇ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ HTML ਵਿੱਚ ਥੱਪੜ ਨਹੀਂ ਕਰ ਸਕਦੇ. ਉਹ ਦਿਖਾਈ ਨਹੀਂ ਦੇਣਗੇ ਅਤੇ ਤੁਹਾਡਾ ਪੰਨਾ ਅਵੈਧ ਹੋ ਜਾਵੇਗਾ. ਇਸ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਤਿੰਨ ਢੰਗਾਂ ਵਿੱਚੋਂ ਇੱਕ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਪੈਂਦੀ ਹੈ
SVG ਨੂੰ ਸ਼ਾਮਿਲ ਕਰਨ ਲਈ ਆਬਜੈਕਟ ਟੈਗ ਦਾ ਉਪਯੋਗ ਕਰੋ
HTML ਟੈਗ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਵਿੱਚ ਇੱਕ SVG ਗ੍ਰਾਫਿਕ ਨੂੰ ਐਮਬੈੱਡ ਕਰੇਗਾ. ਤੁਸੀਂ ਆਬਜੈਕਟ ਟੈਗ ਨੂੰ ਇੱਕ ਐਸਐਚਜੀ ਫਾਇਲ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਖੋਲ੍ਹਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਨ ਲਈ ਇੱਕ ਡਾਟਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਨਾਲ ਲਿਖੋ. ਤੁਹਾਨੂੰ ਆਪਣੀ SVG ਚਿੱਤਰ (ਪਿਕਸਲ ਵਿੱਚ) ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੀ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.
ਕਰੌਸ-ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਲਈ, ਤੁਹਾਨੂੰ ਟਾਈਪ ਐਟਰੀਬਿਊਟ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਜਿਸ ਨੂੰ ਪੜ੍ਹਨਾ ਚਾਹੀਦਾ ਹੈ:
type = "image / svg + xml"
ਅਤੇ ਉਨ੍ਹਾਂ ਬ੍ਰਾਉਜ਼ਰਾਂ ਲਈ ਇਕ ਕੋਡਬੇਸ ਜੋ ਇਸਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੀਆਂ (ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਅਤੇ ਹੇਠਾਂ). ਤੁਹਾਡਾ ਕੋਡਬੇਸ ਉਹਨਾਂ ਬ੍ਰਾਉਜ਼ਰਸ ਲਈ ਇੱਕ SVG ਪਲੱਗਇਨ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰੇਗਾ ਜੋ SVG ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ. ਸਭ ਤੋਂ ਵੱਧ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਪਲਗਇਨ http://www.adobe.com/svg/viewer/install/ ਤੇ Adobe ਤੋਂ ਹੈ. ਹਾਲਾਂਕਿ, ਇਹ ਪਲੱਗਇਨ ਅਡੋਬ ਦੁਆਰਾ ਹੁਣ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ. ਇੱਕ ਹੋਰ ਚੋਣ http://www.savarese.com/software/svgplugin/ ਤੇ ਸਾਵੈਸੇਸ ਸਾਫਟਵੇਅਰ ਖੋਜ ਤੋਂ ਐਸ ਐਸ ਆਰ ਸੀ ਐਸਵੀਜੀ ਪਲੱਗਇਨ ਹੈ.
ਤੁਹਾਡਾ ਵਸਤੂ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ: