دستورالعمل‌های مرجع SVG

عنصر SVG

عنصر توصیف
<a> لینک‌هایی اطراف عنصر SVG ایجاد می‌کند.
<altGlyph> کنترل شکل‌های استفاده شده برای نمایش داده‌های خاص کاراکتر را ارائه می‌دهد.
<altGlyphDef> محدد کردن مجموعه جایگزین برای شکل.
<altGlyphItem> محدد کردن مجموعه‌ای از گزینه‌های جایگزین برای جایگزینی شکل.
<animate> محدد می‌کند که ویژگی‌های عنصر چگونه با زمان تغییر می‌کنند.
<animateMotion> عناصر مرجع را به مسیر حرکت همراه می‌کند.
<animateTransform> انیمیشن ویژگی‌های تغییر برای عنصر هدف را انجام می‌دهد، به این ترتیب کنترل انیمیشن انتقال، بزرگ‌کردن، چرخش و/یا کج‌کردن را ممکن می‌کند.
<circle> محدد کردن دایره.
<clipPath> محدد کردن مسیر برش.
<color-profile> مشخص کردن توصیف پروفایل رنگی (وقتی از CSS برای تنظیم سبک مستند استفاده می‌شود).
<cursor> محدد کردن موس‌های سفارشی مستقل از پلتفرم.
<defs> محدد کردن جعبه عناصر مرجع.
<desc> محدد کردن توصیف صرف برای عناصر جعبه یا گرافیکی SVG.
<ellipse> محدد کردن بیضی.
<feBlend> دو شیء را با یک مدل ترکیب می‌کند.
<feColorMatrix> SVG فیلتر. تغییرات ماتریس را اعمال می‌کند.
<feComponentTransfer> فیلتر SVG. داده‌ها را بر اساس جزء‌ها دوباره نقشه‌برداری می‌کند.
<feComposite> فیلتر SVG. ترکیب هوشمندانه پیکسل‌های دو ورودی تصویر را انجام می‌دهد.
<feConvolveMatrix> فیلتر SVG. اثر فیلتر چرخش ماتریس را اعمال می‌کند.
<feDiffuseLighting> فیلتر SVG. تصویر نور، از کانال alpha به عنوان نقشه بلندی استفاده می‌کند.
<feDisplacementMap> فیلتر SVG. نقشه جایگزینی.
<feDistantLight> فیلتر SVG. منبع نور را تعریف می‌کند.
<feFlood> فیلتر SVG. ناحیه فیلتر را پر می‌کند.
<feFuncA> فیلتر SVG. تابع تغییرات برای جزء شفافیت (alpha) ورودی تصویر تعریف می‌کند.
<feFuncB> فیلتر SVG. تابع تغییرات برای جزء آبی ورودی تصویر تعریف می‌کند.
<feFuncG> فیلتر SVG. تابع تغییرات برای جزء سبز ورودی تصویر تعریف می‌کند.
<feFuncR> فیلتر SVG. تابع تغییرات برای جزء قرمز ورودی تصویر تعریف می‌کند.
<feGaussianBlur> فیلتر SVG. تصویر را با استفاده از تابع گاوس فیلتر می‌کند.
<feImage> فیلتر SVG. داده‌های تصویر از منبع خارجی گرفته می‌شود و داده‌های پیکسلی به عنوان خروجی ارائه می‌شود.
<feMerge> فیلتر SVG. لایه‌های تصویری را ایجاد می‌کند که بر روی یکدیگر قرار دارند.
<feMergeNode> فیلتر SVG. فرزند feMerge.
<feMorphology> فیلتر SVG. منبع تصویر را بزرگ‌تر یا کوچکتر می‌کند.
<feOffset> فیلتر SVG. تصویر را به موقعیت فعلی حرکت می‌دهد.
<fePointLight> فیلتر SVG.
<feSpecularLighting> فیلتر SVG. منبع روشنایی را روشن می‌کند، از کانال alpha به عنوان نقشه بلندی استفاده می‌کند.
<feSpotLight> عنصر نور منبع، برای فایل‌های SVG استفاده می‌شود.
<feTile> فیلتر SVG. ورودی تصویر تکرار شده است، نتیجه برای پر کردن هدف استفاده می‌شود.
<feTurbulence> فیلتر SVG. از تابع نویز Perlin برای ایجاد تصاویر استفاده می‌کند.
<filter> محل نگهداری فیلترهای اثرات تصویری.
<font> فونت را تعریف می‌کند.
<font-face> ویژگی‌های فونت را توصیف می‌کند.
<font-face-format> نوع فونت را توصیف می‌کند که توسط عنصر مرجع <font-face-uri> پدر آن اشاره دارد.
<font-face-name> به نسخه‌های نصبی محلی فونت اشاره دارد و از نام فونت برای شناسایی استفاده می‌کند.
<font-face-src> مشابه ویژگی @font-face در استاندارد CSS است.
<font-face-uri> به فونت‌های از راه دور اشاره دارد.
<foreignObject> اجازه می‌دهد که عناصر از فضاهای نام‌گذاری XML متفاوت را شامل شود.
<g> برای گروه‌بندی عناصر استفاده می‌شود.
<glyph> تصویر خاصی از یک glyph تعریف کنید.
<glyphRef> شکل‌های ممکنی که ممکن است استفاده شوند را تعریف کنید.
<hkern> فاصله افقی بین دو حرف برجسته دقیق‌تر کنید.
<image> تصویر تعریف کنید.
<line> خط تعریف کنید.
<linearGradient> محدوده‌های تدریجی خطی تعریف کنید.
<marker> عنصر گرافیکی تعریف کنید که از آن برای رسم یک شاخه یا نشان چند ضلعی استفاده می‌شود.
<mask> عنصر ماسک تعریف کنید.
<metadata> مدیریت داده‌های متا داده‌ها را تعیین می‌کند.
<missing-glyph> اگر برای حرف خاصی، فونت <glyph> مناسب تعریف نشده باشد، محتوای علامت <missing-glyph> را نمایش دهید.
<mpath> علامت <path> خارجی را به عنوان مسیر حرکت تعریف کنید.
<path> مسیر تعریف کنید.
<pattern> تصویر پاترونم تعریف کنید.
<polygon> شکل‌هایی که حداقل سه ضلع دارند را تعریف کنید.
<polyline> هر شکل که فقط از خطوط تشکیل شده است را تعریف کنید.
<radialGradient> محدوده‌های تدریجی چرخانی تعریف کنید.
<rect> مستطیل تعریف کنید.
<script> قالبی برای کانویه‌های اسکریپت (مثلاً ECMAScript) تعریف کنید.
<set> مقدار خاصی از ویژگی‌ها را بر اساس زمان مشخصی تنظیم کنید.
<stop> نقطه‌های توقف محدوده‌های تدریجی.
<style> اجازه می‌دهد که فایل‌های استایل مستقیماً در محتوای SVG تعبیه شوند.
<svg> بخش مستند SVG ایجاد کنید.
<switch> خصوصیات مستقیم فرزندان را به ترتیب ارزیابی کنید، سپس فرزندی که ارزیابی اولیه آن صحیح است را پردازش و نمایش دهید.
<symbol> مدلی برای نمونه‌سازی گرافیکی تعریف کنید که می‌تواند با استفاده از علامت <use> نمونه‌سازی شود.
<text> متن را تعریف کنید.
<textPath> متن را بر اساس شکل علامت <path> قرار دهید.
<title> توضیح صرفی عناصر SVG. کاربران نماینده می‌توانند متن را به عنوان ابزار توضیحی نمایش دهند.
<tref> به هر علامت <text> در مستند SVG مراجعه کنید و از آن استفاده مجدد کنید.
<tspan> مانند علامت <text> است، اما می‌تواند در داخل برچسب text و در داخل خودش فرو رود.
<use> در مستند SVG، گره هدف را به دست آورید و آن‌ها را در جایی دیگر کپی کنید.
<view> یک روش محدود برای مشاهده تصویر، مانند مقیاس بزرگنمایی یا نمونه جزئی.
<vkern> تنظیم دقیق فاصله عمودی بین دو کاراکتر (glyph).