mozilla
Os seus resultados da pesquisa

    feGaussianBlur

    Nossos voluntários ainda não traduziram este artigo para o Português (do Brasil). Junte-se a nós e ajude a fazer o trabalho!

    The filter blurs the input image by the amount specified in stdDeviation, which defines the bell-curve.

    Usage context

    Categories Filter primitive element
    Permitted content Any number of the following elements, in any order:
    <animate>, <set>
    Normative document SVG 1.1 (2nd Edition)

    Example

    Simple example

    <svg width="230" height="120"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
    
      <filter id="blurMe">
        <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
      </filter>
    
      <circle cx="60"  cy="60" r="50" fill="green" />
    
      <circle cx="170" cy="60" r="50" fill="green"
              filter="url(#blurMe)" />
    </svg>

    The result for this example is the following:

    ScreenshotLive sample

    Drop shadow example

    <svg width="120" height="120"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
    
      <filter id="dropShadow">
        <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
        <feOffset dx="2" dy="4" />
        <feMerge>
            <feMergeNode />
            <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
    
      <circle cx="60"  cy="60" r="50" fill="green"
              filter="url(#dropShadow)" />
    </svg>

    The result for this example is the following:

    ScreenshotLive sample

    Attributes

    Global attributes

    Specific attributes

    DOM Interface

    This element implements the SVGFEGaussianBlurElement interface.

    See also

    Etiquetas do documento e colaboradores

    Contribuíram para esta página: kscarfone, Manuel_Strehl, Jeremie
    Última atualização por: kscarfone,