ایس وی جی بلور کا اثر

<defs> ਅਤੇ <filter>

ਸਾਰੇ SVG ਫਿਲਟਰ <defs> ਇਕਾਈ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਹਨ。<defs> ਇਕਾਈ ਹੈ (definitions) ਦੇ ਛੋਟ ਰੂਪ ਵਿੱਚ, ਜਿਸ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਇਕਾਈਆਂ (ਜਿਵੇਂ ਕਿ ਫਿਲਟਰ) ਦੀਆਂ ਪਰਿਭਾਸ਼ਾਵਾਂ ਸ਼ਾਮਿਲ ਹਨ。

<filter> ਇਕਾਈ ਸੀਜੀਐੱਮ ਫਿਲਟਰ ਦੇਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。<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>

ਆਪਣੇ ਆਪ ਨਾਲ ਕਰੋ

ਕੋਡ ਵਿਸ਼ਲੇਸ਼ਣ:

• <filter> ਇਕਾਈ ਦੇ id ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਕੱਲੇ ਫਿਲਟਰ ਦਾ ਅਨੂਠਾ ਨਾਮ ਦੇਣ ਵਾਲੀ ਹੈ
• <feGaussianBlur> ਇਕਾਈ ਬਲਰ ਪ੍ਰਭਾਵ ਦੇਣ ਲਈ ਦੇਣ ਵਾਲੀ ਹੈ
• in="SourceGraphic" ਦੇਣ ਵਾਲਾ ਇਕਾਈ ਪੂਰੇ ਐਲੀਮੈਂਟ ਉੱਤੇ ਪ੍ਰਭਾਵ ਪਾਉਂਦਾ ਹੈ
• stdDeviation اٹری بیوٹ بلور کی مقدار کا تعین کرتا ہے
• <ریگت> عناصر کا فیلٹر اٹری بیوٹ اس عناصر کو "ف1" فیلٹر سے جوڑتا ہے