SVG tushuvchi soya 1


ULASHISH

SVG <feDropShadow>

<feDropShadow> filtri kiruvchi grafikada tushuvchi soya (drop shadow) effektini yaratish uchun ishlatiladi:

Sorry, your browser does not support inline SVG.

SVG kodi quyidagicha:

Misol

<svg height="110" width="110" xmlns="http://www.w3.org/2000/svg">   <defs>     <filter id="f1">       <feDropShadow dx="12" dy="14" stdDeviation="1" flood-opacity="0.7"/>     </filter>   </defs>   <rect width="90" height="90" fill="yellow" filter="url(#f1)" /> </svg>
O‘zingiz sinab ko‘ring »

Kod izohi:

  • <filter> elementining id atributi filtr uchun yagona nom belgilaydi
  • Tushuvchi soya effekti <feDropShadow> elementi bilan belgilanadi
  • dx atributi tushuvchi soyaning x bo‘yicha siljishini belgilaydi
  • dy atributi tushuvchi soyaning y bo‘yicha siljishini belgilaydi
  • stdDeviation atributi tushuvchi soyadagi xiralashtirish miqdorini belgilaydi
  • flood-opacity atributi tushuvchi soyaning shaffoflik darajasini belgilaydi (0 dan 1 gacha)
  • <rect> elementining filter atributi elementni "f1" filtriga bog‘laydi


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!