Categoría: HTML-SVG

SVG <feConvolveMatrix> Elemento

Posted on by Rudeus Greyrat

SVG significa Gráfico vectorial escalable. Se puede usar para hacer gráficos y animaciones como en el lienzo HTML.  La primitiva de filtro SVG <feConvolveMatrix> cambia píxeles en la imagen de entrada con píxeles vecinos para producir una imagen resultante. Sintaxis: <feConvolveMatrix in=»» order=»» kernelMatrix=»» divisor=»» bias=»» targetX=»» targetY=»» edgeMode=»» kernelUnitLength=»» preserveAlpha=»» /> Atributos: in : … Continue reading «SVG <feConvolveMatrix> Elemento»

¿Cómo incrustar un elemento SVG en un iframe?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo incrustar un SVG en un iframe. Es un elemento HTML que representa contextos de navegación anidados, lo que permite incrustar una página HTML dentro de otra. Tiene muchos atributos, pero aquí discutimos los atributos src y srcdoc para resolver este problema. El atributo iframe src especifica la URL del documento … Continue reading «¿Cómo incrustar un elemento SVG en un iframe?»

Propiedad SVG Element.innerHTML

Posted on by Rudeus Greyrat

La propiedad SVG Element.innerHTML devuelve el código HTML interno del elemento dado. Sintaxis: const content = element.innerHTML Valor devuelto: esta propiedad devuelve el código HTML interno del elemento. Ejemplo 1:  <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»100″          xmlns=»http://www.w3.org/2000/svg»>                    <a href=»https://www.geeksforgeeks.org» id=»gfg»>                            <text x=’100′ y=’50’ font-size=»50px»>                 GfG             </text>         </a>                    <script>             var g … Continue reading «Propiedad SVG Element.innerHTML»

SVG FEDropShadow.stdDeviationY Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEDropShadow.stdDeviationY devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationY del elemento FEDisplacementMap.stdDeviationY. Sintaxis: var a = FEDropShadow.stdDeviationY Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationY del elemento FEDisplacementMap.stdDeviationY. Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»200″ height=»200″>          <defs>              <filter id=»drop_shadow»                 filterUnits=»objectBoundingBox»                 x=»-50%» y=»-60%» width=»250%»                 height=»250%»>     … Continue reading «SVG FEDropShadow.stdDeviationY Propiedad»

Atributo de color de parada SVG

Posted on by Rudeus Greyrat

El atributo stop-color se usa para indicar el color que se usará en el punto de parada de un degradado. Sólo tiene efecto sobre el elemento <stop>. El valor predeterminado de este atributo es «negro». Sintaxis: stop-color = currentcolor | color | icccolor Valores de atributo: este atributo acepta los valores mencionados anteriormente y descritos … Continue reading «Atributo de color de parada SVG»

Atributo SVG rx

Posted on by Rudeus Greyrat

El atributo rx define un radio en el eje x. Elementos que utilizan este atributo: <elipse> <rect> Sintaxis: rx = «x-radius» Valores de atributos: longitud: Longitud en la que queremos establecer el radio x. porcentaje: Porcentaje en el que queremos establecer el radio x. Usaremos el atributo rx para establecer el radio en el eje … Continue reading «Atributo SVG rx»

Puntos SVGAtZ Atributo

Posted on by Rudeus Greyrat

El atributo  pointsAtZ denota la posición y en el sistema de coordenadas establecido por el atributo primitiveUnits en el elemento <filter> del punto al que apunta la fuente de luz. El elemento que está usando este atributo: elemento <feSpotLight> Sintaxis: pointsAtZ = number Valores de atributo: el atributo pointsAtZ acepta los valores mencionados anteriormente y … Continue reading «Puntos SVGAtZ Atributo»

Atributo de rotación de SVG

Posted on by Rudeus Greyrat

El atributo de rotación muestra la rotación de un elemento animado a medida que viaja a lo largo de una ruta específica en un elemento <animateMotion> . Sintaxis: rotate = auto | auto-reverse | number Valores de atributo: el atributo de rotación acepta los valores mencionados anteriormente y descritos a continuación: auto: este valor permite … Continue reading «Atributo de rotación de SVG»

Propiedad SVG ScriptElement.type

Posted on by Rudeus Greyrat

La propiedad SVG ScriptElement.type devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento de script dado. Sintaxis: ScriptElement.type Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener el tipo del elemento de secuencia de comandos. Ejemplo 1: HTML <!DOCTYPE html>  <html>     <body>      <script type=»text/javascript»>         console.log(‘GeeksforGeeks’)     </script> </body>     … Continue reading «Propiedad SVG ScriptElement.type»

Propiedad SVG localName

Posted on by Rudeus Greyrat

La propiedad localName de SVG devuelve el nombre local del elemento Attr dado. Sintaxis: name = attribute.localName Valor devuelto: esta propiedad devuelve el nombre local del Attr. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 100 100″          xmlns=»http://www.w3.org/2000/svg»>                    <!– A link around a text –>         <text id=»example» x=»20″ y=»20″>             Click me … Continue reading «Propiedad SVG localName»