Categoría: HTML-SVG

SVG FETurbulenceElement.baseFrequencyX Atributo

Posted on by Rudeus Greyrat

La propiedad SVG FETurbulenceElement.baseFrequencyX devuelve el objeto SVGAnimatedNumber correspondiente al componente X del elemento FETurbulenceElement.baseFrequencyX. Sintaxis: var a = FETurbulenceElement.baseFrequencyX Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente X del elemento FETurbulenceElement.baseFrequencyX Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>         <svg width=»200″ height=»200″         viewBox=»0 0 220 220″>             <filter id=»FillPaint»>     … Continue reading «SVG FETurbulenceElement.baseFrequencyX Atributo»

SVG FEGaussionBlur.in1 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEGaussionBlur.in1 devuelve el objeto SVGAnimatedString correspondiente al componente in1 del elemento FEGaussionBlur.in1. Sintaxis: var a = FEGaussionBlur.in1 Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedString correspondiente al componente in1 del elemento FEGaussionBlur.in1. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 1000″>         <filter id=»lightMe2″>                <feGaussianBlur in=»FillPaint»                  stdDeviation=»10″ edgeMode=»wrap» … Continue reading «SVG FEGaussionBlur.in1 Propiedad»

Propiedad SVG Window.history

Posted on by Rudeus Greyrat

La propiedad SVG Window.history devuelve una referencia al objeto Historial. Sintaxis: var e = window.history Valor devuelto: esta propiedad devuelve una referencia al objeto Historial. Ejemplo 1: En este ejemplo usaremos el evento onclick. html <!DOCTYPE html> <html>   <body>     <center>         <h1>GeeksforGeeks</h1>           <button onclick=»get()»>             Get History         </button>                   <br><br>         <div id=»g»></div>                   <svg viewBox=»0 … Continue reading «Propiedad SVG Window.history»

Elemento fePointLight de SVG

Posted on by Rudeus Greyrat

La primitiva de filtro <fePointLight> define una fuente de luz que permite crear un efecto de luz puntual. Sintaxis: <fePointLight x=»» y=»» z=»» /> Atributos: x: Define una coordenada del eje x en el sistema de coordenadas del usuario. y: Define una coordenada del eje y en el sistema de coordenadas del usuario. z: Define … Continue reading «Elemento fePointLight de SVG»

Atributo de opacidad de trazo SVG

Posted on by Rudeus Greyrat

El atributo de opacidad de trazo especifica la transparencia de un objeto o de un grupo de objetos. Sintaxis: stroke-opacity= «opacity» Valores de atributos: decimal: valor decimal que va de 0-1 porcentaje: porcentaje en el que queremos establecer la opacidad del elemento Usaremos el atributo stoke-opacity para configurar la opacidad del elemento. Ejemplo 1: En … Continue reading «Atributo de opacidad de trazo SVG»

Atributo de máscara SVG

Posted on by Rudeus Greyrat

El atributo de máscara SVG se utiliza para vincular un elemento en el que este atributo está definido con el elemento <mask> dado . Tiene efecto sobre todo en los siguientes elementos. <a>, <círculo>, <clipPath>, <elipse>, <g>, <glifo>, <imagen>, <línea>, <marcador>, <máscara>, <ruta>, <patrón>, <polígono >, <polilínea>, <rect>, <svg>, <símbolo>, <texto> y <uso>. Sintaxis: mask … Continue reading «Atributo de máscara SVG»

Atributo de opacidad de inundación SVG

Posted on by Rudeus Greyrat

El atributo flood-opacity indica el valor de opacidad que se utilizará en la subregión primitiva de filtro actual. Sintaxis: flood-opacity=»flood» Valores de atributos: inundación: un número o porcentaje que indica el valor de opacidad que se utilizará en la subregión primitiva de filtro actual Usaremos el atributo de opacidad de relleno para establecer la opacidad … Continue reading «Atributo de opacidad de inundación SVG»

Propiedad SVG window.scrollbars

Posted on by Rudeus Greyrat

La propiedad SVG window.scrollbars devuelve Sintaxis: var sb = window.scrollbars Valor devuelto: esta propiedad devuelve el objeto de barras de desplazamiento. Ejemplo 1: HTML <!DOCTYPE html> <html>    <body>     <center>         <h1>GeeksforGeeks</h1>            <button onclick=»get()»>             Click Here         </button>                    <svg viewBox=»0 0 10000 10000″              xmlns=»http://www.w3.org/2000/svg»>                            <script type=»text/javascript»>                 function get() {                     var g = document.getElementById(«g»);                     console.log(window.scrollbars); … Continue reading «Propiedad SVG window.scrollbars»

Propiedad SVG RectElement.ry

Posted on by Rudeus Greyrat

La propiedad SVG RectElement.ry se usa para ordenar Sintaxis: RectElement.ry Valor devuelto: esta propiedad devuelve un Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <h1 style=»color: green»>         GeeksforGeeks     </h1>            <h3>SVG RectElement.ry property</h3>            <svg width=»300″ height=»300″          xmlns=»http://www.w3.org/2000/svg»>                    <rect width=»100″ height=’190′              fill=»green» id=»gfg» rx=10 ry=30 />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.ry)         </script> … Continue reading «Propiedad SVG RectElement.ry»

Propiedad SVG CircleElement.cy

Posted on by Rudeus Greyrat

La propiedad SVG CircleElement.cy e Sintaxis: CircleElement.cy 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=»150″ cy=»100″ r=»50″ fill=»green»                id=»gfg» onclick=»clickCircle();»/>       <script>         var g = document.getElementById(«gfg»);                 console.log(g.cy)       </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html> <html>    <body> … Continue reading «Propiedad SVG CircleElement.cy»