تا حالا به این فکر کرده اید که میشه مثلا یه تصویر توی وب سایتتون نقاشی کنید و خروجی ازش بگیرید اونم به صورت برداری؟

چند روز پیش سر پروژه ای که توی شرکت داریم انجام میدیم رئیس برای رسم نمودار ساختار کد نویسی از براساس XML بهم نشون داد که یه جورایی کفم برید

اسم این ساختار SVG هست که مخفف Scalable Vector Graphics هست.

با استفاده از این ساختار کد نویسی میتونید به راحتی اشیاعی رو که میخواین با استفاده از تگ های مخصوص خودشون و البته پارامترهایی که میگیرن مشخص کنید.

از نظر سازگاری و پردازش مرورگر های اینترنت برای نمایش بردار رسم شده، تمام مرورگر ها به جز Microsoft Internet Explorer احمق نمیتونه نمایشش بده!!(البته IE8 گویا ساپورت میکنه)

از امتیاز هایی که SVG داره ساختار چند لایه ای بودن و قابلیت تنظیم شفافیت اشیاع موجود در صفحه است.

ساختار کد نویسیتون باید به صورت زیر باشه:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<!--Code-->

</svg>

بعد از نوشته شما باید کد اشیائی که میخواهید در صفحه‌تون نمایش بده رو قرار بدید.
به صورت مثال کد زیر برای یک مستطیل هست که شفافیتش کمه و لبه هاش گرده: