హెచ్ఎంఎల్ పేజీలో SVG

SVG ఫైల్‌ను హెచ్ఎంఎల్ డాక్యుమెంట్‌లో ప్రవేశపెట్టడానికి ఈ టాగ్లు ఉపయోగించబడతాయి: <embed>, <object> లేదా <iframe>.

హెచ్ఎంఎల్ పేజీలో SVG

క్రిందికి, మీరు SVG ఫైల్‌ను హెచ్ఎంఎల్ పేజీలో ప్రవేశపెట్టడానికి మూడు విధాలు చూడగలరు.

మీరు <embed> టాగ్ ఉపయోగించండి

<embed> టాగ్ అన్ని ప్రధాన బ్రౌజర్లను మద్దతు ఇస్తుంది, మరియు స్క్రిప్ట్ను ఉపయోగించడానికి అనుమతిస్తుంది.

పేర్కొనుట:హెచ్ఎంఎల్ పేజీలో SVG ముక్కలు ప్రవేశపెట్టడానికి <embed> టాగ్ ఉపయోగించడం అడోబ్ ఎస్విజి వీక్షకిని సిఫార్సు చేస్తుంది! అయితే, నియమిత హెచ్ఎచ్ఎక్స్ఎచ్‌ను సృష్టించడానికి <embed> టాగ్ ఉపయోగించకుండా ఉండబడాలి. ఏ హెచ్ఎంఎల్ ప్రమాణాల్లోనూ <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 యొక్క ప్రమాణ టాగ్ ఉంది, అన్ని కొత్త బ్రౌజర్లను మద్దతు ఇస్తుంది. దాని మరియుగా స్క్రిప్ట్ను ఉపయోగించకుండా ఉంటుంది.

పేర్కొనుట:మీరు అడోబ్ ఎస్విజి వీక్షకిని నెరవేర్చినట్లయితే, <object> టాగ్‌ను ఉపయోగించినప్పుడు SVG ఫైల్‌లు పనిచేయలేదు (కనీసం IE లో పనిచేయలేదు)!

సంకేతం:

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

పేర్కొనుట:codebase అంతర్జాలం డెస్క్రిప్షన్ అందిస్తుంది.

<iframe> టాగ్ ఉపయోగం

<iframe> టాగ్ ప్రతి బ్రౌజర్లలో పని చేస్తుంది.

సంకేతం:

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

నేను ఆశిస్తున్నాను...

SVG నామకపదములను ఉపయోగించి మాత్రమే HTML కోడ్ లో SVG కేంద్రబిందువులను జోడించవచ్చు అని అనుకుంటే చాలా బాగుంది, ఇలా ఉంటుంది:

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