هدف ازین مقاله معرفی و توضیح اشکال اصلی و پایه ای در SVG است که شامل: مستطیل؛ خط راست؛ دایره؛ بیضی؛ چندضلعی؛ چندخطی است. تمامی تصاویر ساخته شده در SVG با ترکیبی از این اشکال به وجود می آیند.
مستطیل
با استفاده از تگ می توان یک مستطیل ایجاد کرد.
<svg>
<rect width='200' height='100' fill='#BBC42A' />
</svg>
<svg>
<rect x='20' y='20' width='200' height='100' />
</svg>
دو ویژگی rx و ry که مخفف radiusx و radiusy است؛ گوشه های مستطیل را گرد میکند. Rx وظیفه گرد گردن سمت افقی و ry وظیفه گرد کردن سمت عمودی را به عهده دارند.
<svg>
<rect width='200' height='100' rx='5' ry='10' />
</svg>
<svg>
<circle cx='75' cy='75' r='75' fill='#ED6E46' />
</svg>
دایره را با استفاده از یک نقطه مرکزی و یک شعاع شکل می گیرد که مکان نقطه مرکزی با دو ویژگی cx و cy مشخص می شدو r تعیین کننده شعاع دایره است.
<svg>
<ellipse cx='100' cy='100' rx='100' ry='50' fill='#7AA20D' />
</svg>
<svg>
<line x1='5' y1='5' x2='100' y2='100' stroke='#765373' stroke-width='8'/>
</svg>
<svg>
<polyline points='0,0 50,0 150,100 250,100 300,150' fill='rgb(249,249,249)' stroke-width='1' stroke='rgb(0,0,0)'/>
</svg>
<svg>
<polygon points='50,5 100,5 125,30 125,80 100,105 50,105 25,80 25,30' fill='#ED6E46' />
</svg>
تعیین نقاط یک مثل چندخطی صورت می گیرد.
<svg>
<polygon points='50 15, 100 100, 0 100' fill='#e43' />
</svg>
<svg>
<polygon points='26,86 11.2,40.4 50,12.2 88.8,40.4 74,86 ' fill='hsl(56,80%,50%)'/>
</svg>
<svg>
<polygon points='50,9 60.5,39.5 92.7,40.1 67,59.5 76.4,90.3 50,71.9 23.6,90.3 32.9,59.5 7.2,40.1 39.4,39.5' fill='hsl(106,80%,50%)'/>
</svg>
<svg>
<polygon points='30.1,84.5 10.2,50 30.1,15.5 69.9,15.5 89.8,50 69.9,84.5' fill='hsl(156,80%,50%)'/>
</svg>
<svg>
<polygon points='34.2,87.4 12.3,65.5 12.3,34.5 34.2,12.6 65.2,12.6 87.1,34.5 87.1,65.5 65.2,87.4' fill='hsl(216,80%,50%)'/>
</svg>
مزیت برون سپاری خدمات پشتیبانی شبکه چیست؟
تیم پشتیبانی شبکه گروهی از متخصصان IT است که مسئول مدیریت و نگهداری شبکه کامپیوتری یک سازمان هستند. با ارائه خدمات پشتیبانی و نگهداری منظم، به شما کمک میکند تا زمان و منابع خود را آزاد کنید و بر روی وظایف اصلی خود تمرکز کنید.