ایس وی جی مظلع اثر

<defs> و <filter>

تمام فیلترهای SVG در <defs> در این عنصر تعریف شده است.<defs> عنصر برای تعریف (definitions) استفاده می‌شود، شامل تعریف عناصر خاص (مثل فیلتر).

<filter> عنصر برای تعریف فیلتر SVG استفاده می‌شود.<filter> عنصر یک ویژگی ضروری id دارد که برای شناسایی فیلتر استفاده می‌شود. سپس تصاویر به سمت فیلتری که باید استفاده شود اشاره می‌کنند.

SVG <feGaussianBlur>

مثال 1

<feGaussianBlur> عناصر برای ایجاد تأثیرات تار استفاده می‌شوند:

این کد SVG است:

<svg height="110" width="110">
  <defs>
    <filter id="f1" x="0" y="0">
      <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
    </filter>
  </defs>
  <rect width="90" height="90" stroke="green" stroke-width="3"
  fill="yellow" filter="url(#f1)" />
</svg>

آزمایش کنید

توضیح کد:

• ویژگی id عناصر <filter> نام منحصر به فرد فیلتر را تعریف می‌کند
• <feGaussianBlur> عنصر تأثیرات تار را تعریف می‌کند
• in="SourceGraphic" تعریف شده است تا تأثیرات کل عنصر ایجاد شود
• stdDeviation پرپریئٹی فلموشن کا مقدار نامزد کرتی ہے
• <rect> عناصر کا فیلٹر پرپریئٹی اس عنصر کو "f1" فیلٹر سے جوڑتا ہے