Categoría: HTML-SVG

SVG FESpotLightElement.limitingConeAngle Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FESpotLightElement.limitingConeAngle devuelve el objeto SVGAnimatedNumber correspondiente al atributo limitingConeAngle del elemento FESpotLightElement.limitingConeAngle. Sintaxis: var a = FESpotLightElement.limitingConeAngle Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo limitingConeAngle del elemento FESpotLightElement.limitingConeAngle. Ejemplo 1:  <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″>         <defs>             <filter id=»spotlight»>                 <feSpecularLighting result=»spec3″                      in=»blur3″ specularConstant=»1.2″                      lighting-color=»#FFF»>    … Continue reading «SVG FESpotLightElement.limitingConeAngle Propiedad»

SVG <feMerge> Elemento

Posted on by Rudeus Greyrat

El elemento SVG <feMerge> permite que los efectos de filtro se apliquen simultáneamente en lugar de secuencialmente. La implementación canónica de <feMerge> es renderizar todo el efecto en una capa RGBA y luego renderizar la capa resultante en el dispositivo de salida.  Sintaxis: <feMerge> —- </feMerge> Atributos: No contiene ningún atributo. Ejemplo 1: HTML <!DOCTYPE … Continue reading «SVG <feMerge> Elemento»

Atributo de color de iluminación SVG

Posted on by Rudeus Greyrat

El atributo de color de iluminación representa el color de la fuente de luz para las primitivas de filtro de iluminación. Los elementos que usan este atributo incluyen <feDiffuseLighting> y <feSpecularLighting> Sintaxis: lighting-color =»color» Valores de atributo: el atributo de color de iluminación acepta los valores mencionados anteriormente y descritos a continuación. color: Representa la … Continue reading «Atributo de color de iluminación SVG»

¿Cómo hacer una escala svg con su contenedor principal?

Posted on by Rudeus Greyrat

SVG es la abreviatura de Scalable Vector Graphics. Es un formato de imagen vectorial basado en lenguaje de marcado extensible (XML) para gráficos bidimensionales. Es compatible con la interactividad y la animación. Esto significa que todos los atributos y todos los elementos presentes en el archivo SVG se pueden animar. Los comportamientos de las imágenes … Continue reading «¿Cómo hacer una escala svg con su contenedor principal?»

SVG <imagen> Elemento

Posted on by Rudeus Greyrat

<imagen> Sintaxis: <image attributes=»values» > Atributo: x: el eje x coordina el posicionamiento de la imagen. y: el eje y coordina el posicionamiento de la imagen. ancho: Ancho de la imagen. altura : Altura de la imagen. href: La fuente de la imagen. preserveAspectRatio: Escalado de la imagen. Atributos globales: algunos atributos globales utilizados como … Continue reading «SVG <imagen> Elemento»

Documento SVG.propiedad oculta

Posted on by Rudeus Greyrat

La propiedad SVG Document.hidden devuelve el valor booleano para verificar si la página está oculta o no. Sintaxis: var boolean = document.hidden Valor devuelto: esta propiedad devuelve el valor booleano si la página está oculta o no. Ejemplo: HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»500″          xmlns=»http://www.w3.org/2000/svg»>                    <script>             console.log(«hidden:», document.hidden)         </script>     </svg> </body> … Continue reading «Documento SVG.propiedad oculta»

Atributo SVG x2

Posted on by Rudeus Greyrat

El atributo x2 se usa para especificar la primera coordenada x para dibujar un elemento SVG que requiere más de una coordenada. Elementos que están usando este atributo: <línea> <gradiente lineal> Sintaxis: x2 = «x2-coordinate» Valores de atributos: longitud: longitud en la que queremos establecer la coordenada x2. porcentaje: Porcentaje en el que queremos establecer … Continue reading «Atributo SVG x2»

Propiedad SVG CircleElement.r

Posted on by Rudeus Greyrat

La propiedad SVG CircleElement r re Sintaxis: CircleElement.r Valor devuelto: Esta propiedad devuelve Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg xmlns=»http://www.w3.org/2000/svg»          viewBox=»0 0 250 250″ width=»250″          height=»250″>                    <circle cx=»100″ cy=»100″ r=»50″              fill=»green» id=»gfg»              onclick=»clickCircle();» />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.r)         </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE … Continue reading «Propiedad SVG CircleElement.r»

SVG <feSpecularLighting> Elemento

Posted on by Rudeus Greyrat

La primitiva de filtro SVG <feSpecularLighting> ilumina un gráfico fuente utilizando el canal alfa como un mapa de relieve. Sintaxis: <feSpecularLighting in =»» surfaceScale =»» specularConstant=»» specularExponent=»» kernelUnitLength=»» > Atributos:  in: identifica la entrada para la primitiva de filtro dada. surfaceScale: Representa la altura de la superficie para una primitiva de filtro de luz. specularConstant: … Continue reading «SVG <feSpecularLighting> Elemento»

Atributo de intercepción SVG

Posted on by Rudeus Greyrat

El atributo de intersección se utiliza para especificar la intersección de la función lineal del componente de color. Cabe señalar que el atributo de tipo se establece en lineal. Los elementos que utilizan este atributo incluyen: <feFuncA>, <feFuncB>, <feFuncG> y <feFuncR>. Sintaxis: intercept = «number» Valores de atributo: el atributo de intercepción acepta los valores … Continue reading «Atributo de intercepción SVG»