Categoría: HTML-SVG

Propiedad SVG RectElement.width

Posted on by Rudeus Greyrat

El ángulo de la propiedad SVG RectElement.width Sintaxis: RectElement.width Valores devueltos: esta propiedad devuelve Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»150″          xmlns=»http://www.w3.org/2000/svg»>                    <rect width=»100″ height=’100′              fill=»green» id=»gfg» x=20 y=40 />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.width)         </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html> <html>    … Continue reading «Propiedad SVG RectElement.width»

Propiedad SVG Document.documentElement

Posted on by Rudeus Greyrat

La propiedad SVG Document.documentElement devuelve el elemento raíz del documento. Sintaxis: const element = document.documentElement Valor devuelto: esta propiedad devuelve el elemento raíz del documento. Ejemplo 1: HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»500″          xmlns=»http://www.w3.org/2000/svg»>                    <circle cx=»100″ cy=»100″ r=»50″></circle>                    <script>             console.log(document.documentElement)         </script>     </svg> </body>    </html> Producción: Ejemplo 2: HTML <!DOCTYPE … Continue reading «Propiedad SVG Document.documentElement»

Atributo de color de inundación SVG

Posted on by Rudeus Greyrat

El atributo de color de inundación indica qué color se usa para inundar la subregión primitiva de filtro actual. Sintaxis: flood-color=»color» Valores de atributos: color: El color que queremos inundar. Usaremos el atributo de color de inundación para establecer el color de inundación. Ejemplo 1: <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 4000 2000″  … Continue reading «Atributo de color de inundación SVG»

Propiedad SVG LineElement.y2

Posted on by Rudeus Greyrat

La propiedad SVG LineElement.y2 e Sintaxis: LineElement.y2 Valor devuelto: Esta propiedad vuelve a Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»350″          xmlns=»http://www.w3.org/2000/svg»>            <line x1=»10″ x2=»100″ y1=»10″              y2=»100″ id=»gfg» stroke=»green» />            <script>             var g = document.getElementById(«gfg»);             console.log(g.y2)         </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html> <html>    <body> … Continue reading «Propiedad SVG LineElement.y2»

SVG <guión> 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. El elemento SVG <script> permite agregar scripts a un documento SVG. Sintaxis: <script> // Script Here </script> Atributos: crossorigin: Esto define la configuración de COS. href: Esto define la URL href para cargar. type: Tipo de lenguaje … Continue reading «SVG <guión> Elemento»

SVG RectElement.x Propiedad

Posted on by Rudeus Greyrat

El ángulo de la propiedad SVG RectElement.x Sintaxis: RectElement.x Valores devueltos: esta propiedad devuelve Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»150″          xmlns=»http://www.w3.org/2000/svg»>                    <rect width=»100″ height=’100′              fill=»green» id=»gfg» x=20 y=20 />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.x);         </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html> <html>    … Continue reading «SVG RectElement.x Propiedad»

Propiedad SVG window.toolbar

Posted on by Rudeus Greyrat

La propiedad SVG window.toolbar devuelve Sintaxis: var tb = window.toolbar Valor devuelto: esta propiedad devuelve un objeto 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.toolbar);                 }             </script>         </svg>     </center> … Continue reading «Propiedad SVG window.toolbar»

SVG <feInundación> 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. El elemento SVG <feFlood> genera una capa de color continuo que llena completamente la región primitiva del filtro de este elemento. Sintaxis: <feFlood x=»» y=»» width=»» height=»» flood-color=»» flood-opacity=»»/> Sintaxis: x, y : define las coordenadas del … Continue reading «SVG <feInundación> Elemento»

SVG <animarTransformar> Elemento

Posted on by Rudeus Greyrat

SVG significa Gráficos vectoriales escalables. Define gráficos y animaciones basados ​​en vectores como en HTML Canvas. El elemento animateTransform anima un atributo de transformación en su elemento de destino, lo que permite que las animaciones controlen la traducción, el escalado, la rotación o el sesgo. Sintaxis: <animateTransform attributeName=»transform»/> Atributo: from: Valor inicial del atributo que … Continue reading «SVG <animarTransformar> Elemento»