HTML পেজের SVG

SVG ফাইলকে HTML ডকুমেন্টে এম্বেড করার জন্য নিচের ট্যাগগুলি ব্যবহার করা যায়: <embed>、<object> অথবা <iframe>。

HTML পেজের SVG

এখানে, আপনি তিনটি ভিন্ন পদ্ধতি দেখতে পাবেন যা যা SVG ফাইলকে HTML পেজে এম্বেড করতে ব্যবহার করা যায়

আপনি <embed> ট্যাগটি ব্যবহার করুন

<embed> ট্যাগটি সমস্ত প্রধান ব্রাউজারকে সমর্থন করে এবং স্ক্রিপ্ট ব্যবহার করা যায়

মন্তব্য:একইভাবে, HTML পেজে SVG-কে এম্বেড করার জন্য <embed> ট্যাগটি ব্যবহার করা এডোবের SVG Viewer-এর পছন্দ পদ্ধতি!কিন্তু, যদি আপনি কোনও নীতিমান HTML তৈরি করতে চান, <embed> ট্যাগটি ব্যবহার করা যাবে না।কোনও এইচটিএমএল নীতিমানে <embed> ট্যাগটি নেই。

গঠনশৈলী:

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

মন্তব্য:pluginspage প্রতিমানটি ডাউনলোড করার URL-কে নির্দেশ করে

আপনি <object> ট্যাগটি ব্যবহার করুন

<object> ট্যাগটি একটি প্রমাণপত্রযুক্ত ট্যাগ এবং সমস্ত নতুনতম ব্রাউজারকে সমর্থন করে।তার দুর্বলতা হল স্ক্রিপ্ট ব্যবহার করা যায় না。

মন্তব্য:আপনি অ্যাডোবের সর্বশেষ সংস্করণের 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>

আমি আশা করছি....

যদি 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>