HTML ਪੰਨੇ ਵਿੱਚ SVG

SVG ਫਾਈਲ HTML ਦਾਖਲ ਕਰਨ ਲਈ ਨਿਮਨ ਟੈਗਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਨੂੰ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ: <embed>、<object> ਜਾਂ <iframe>。

HTML ਪੰਨੇ ਵਿੱਚ SVG

ਹੁਣ ਤੁਸੀਂ ਤਿੰਨ ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਤਰ੍ਹਾਂ ਨਾਲ SVG ਫਾਈਲ ਨੂੰ HTML ਪੰਨੇ ਵਿੱਚ ਜੋੜਨ ਦੀ ਵਿਧੀ ਦੇਖ ਸਕਦੇ ਹੋ。

ਅਗਰ <embed> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਤਾਂ

<embed> ਟੈਗ ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਮਦਦ ਕਰਦਾ ਹੈ ਅਤੇ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。

تعلیمات:HTML ਪੰਨੇ ਵਿੱਚ SVG ਨੂੰ ਜੋੜਨ ਲਈ <embed> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ Adobe SVG Viewer ਦੀ ਸਿਫਾਰਸ਼ ਹੈ! ਪਰ ਜੇਕਰ ਤੁਸੀਂ ਸਾਥੀ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ <embed> ਨਹੀਂ ਕਰ ਸਕਦੇ। ਕੋਈ ਵੀ HTML ਮਿਆਰ ਵਿੱਚ <embed> ਟੈਗ ਨਹੀਂ ਹੈ。

گرامر:

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

تعلیمات:pluginspage ਪ੍ਰਤੀਯੋਗਿਤਾ ਇੰਸਟਾਲ ਕਰਨ ਦੀ ਯੂਆਰਐੱਲ ਦਿਸ਼ਾ ਦਿੰਦੀ ਹੈ。

ਅਗਰ <object> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਤਾਂ

<object> ਟੈਗ ਹੈਲਥ 4 ਦਾ ਮਿਆਰੀ ਟੈਗ ਹੈ ਅਤੇ ਸਾਰੇ ਨਵੇਂ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਮਦਦ ਕਰਦਾ ਹੈ। ਇਸ ਦਾ ਮਹੱਤਵ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ。

تعلیمات:ਅਗਰ ਤੁਸੀਂ ਨਵੀਂ ਸੰਸਕਰਣ ਦਾ Adobe SVG Viewer ਇੰਸਟਾਲ ਕੀਤਾ ਹੈ ਤਾਂ <object> ਟੈਗ ਨਾਲ SVG ਫਾਈਲ ਕੰਮ ਨਹੀਂ ਕਰਦੀ (ਘੱਟੋ-ਘੱਟ IE ਵਿੱਚ ਨਹੀਂ ਕਰਦੀ)!

گرامر:

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

تعلیمات:codebase پراپریٹی کا استعمال ڈاؤن لوڈ کی جا رہی ایکٹیوٹ کا URL نکالنے کے لئے کیا جاتا ہے۔

<iframe> تیگ کا استعمال

<iframe> تیگ سبھی براوزرو میں کام کر سکتا ہے۔

گرامر:

<iframe src="rect.svg" width="300" height="100">
</iframe>

میں امید کرتا ہوں...

اگر صرف ایس وی جی کا نیم نما نامسپاچ نامسپاچ کا استعمال کیا جائے تو اس وی جی عناصر کو ایچ تی ام ال کے اندر جوڑا جائے تو یہ بہت بہتر ہوگا، یہ ویسا ہے:

<html xmlns:svg="http://www.w3.org/2000/svg">
<body>
<p>This is an HTML paragraph</p>
<svg:svg width="300" height="100" version="1.1" >
<svg:circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg:svg>
</body>
</html>