Categoría: HTML-SVG

SVG LinearGradientElement.x1 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG LinearGradientElement.x1 Devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento LinearGradient dado Sintaxis: LinearGradientElement.x1 Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener x1 el elemento LinearGradient. Ejemplo 1: <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 200 200″           xmlns=             «http://www.w3.org/2000/svg»      xmlns:xlink=»http://www.w3.org/1999/xlink»>   <defs>     <linearGradient id=»gfg»                      gradientTransform=»rotate(70)»  … Continue reading «SVG LinearGradientElement.x1 Propiedad»

SVG <máscara> Elemento

Posted on by Rudeus Greyrat

El elemento <mask> define la transparencia y visibilidad del objeto de entrada. Aplica una máscara al objeto de entrada. Muestra las partes seleccionadas de un elemento o una imagen en la pantalla mientras oculta el resto. SVG significa Gráfico vectorial escalable. Se puede usar para hacer gráficos y animaciones como en el lienzo HTML. Sintaxis: … Continue reading «SVG <máscara> Elemento»

Elemento SVG.atributos Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG Element.attributes Sintaxis: var attr = element.attributes Valor devuelto: Esta propiedad devuelve un Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»350″ height=»350″          xmlns=»http://www.w3.org/2000/svg»>         <a href=»https://www.geeksforgeeks.org» id=»gfg»>            <text x=’100′ y=’100′>GfG</text>         </a>         <script>            var g = document.getElementById(‘gfg’);            console.log(g.attributes)         </script>     </svg> </body>     </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html>  <html>     <body>      <svg … Continue reading «Elemento SVG.atributos Propiedad»

SVG de atributo

Posted on by Rudeus Greyrat

. Sintaxis: from=»number» Valores de atributos: número: número en el que queremos establecer desde el atributo Usaremos el atributo from para establecer el valor inicial. Ejemplo 1: HTML <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 1000″          xmlns=»http://www.w3.org/2000/svg»>                    <rect x=»10″ y=»10″>             <animate attributeName=»width»                  fill=»freeze» from=»100″                  to=»150″ dur=»3s» />                <animate attributeName=»height»                  fill=»freeze» from=»100″  … Continue reading «SVG de atributo»

Propiedad SVG LineElement.x2

Posted on by Rudeus Greyrat

La propiedad SVG LineElement.x2 se utiliza para re Sintaxis: LineElement.x2 Valor devuelto: esta propiedad devuelve un Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <h1 style=»color: green»>         GeeksforGeeks     </h1>        <h3>SVG LineElement.x2 property</h3>        <svg width=»300″ height=»200″          xmlns=»http://www.w3.org/2000/svg»>                    <line x1=»10″ x2=»100″ y1=»10″              y2=»150″ id=»gfg» stroke=»green» />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.x2)         </script> … Continue reading «Propiedad SVG LineElement.x2»

Propiedad SVG EllipseElement.cx

Posted on by Rudeus Greyrat

La propiedad SVG EllipseElement.cx devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento de elipse dado Sintaxis: EllipseElement.cx Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener el cx del elemento Ellipse Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″          xmlns=»http://www.w3.org/2000/svg»>                    <ellipse cx=»100″ cy=»100″ rx=»100″  … Continue reading «Propiedad SVG EllipseElement.cx»

Atributo de medios SVG

Posted on by Rudeus Greyrat

El atributo de medios muestra una consulta de medios que debe coincidir para que se aplique una hoja de estilo. Solo el elemento < style > está usando este atributo. Sintaxis: <style media=»media-query-list»> // Styling the element </style> Valores de atributo: el atributo de medios acepta los valores mencionados anteriormente y descritos a continuación: media-query-list: … Continue reading «Atributo de medios SVG»

Puntos SVGAtY Atributo

Posted on by Rudeus Greyrat

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

SVG Event.isPropiedad de confianza

Posted on by Rudeus Greyrat

La propiedad SVG Event.isTrusted es un booleano que es verdadero cuando el evento fue generado por una acción del usuario. Sintaxis: var eventIsTrusted = event.isTrusted Valor devuelto: esta propiedad devuelve el valor booleano del elemento de evento. Ejemplo 1: En este ejemplo, usaremos el evento onclick. <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 … Continue reading «SVG Event.isPropiedad de confianza»

SVG LinearGradientElement.y1

Posted on by Rudeus Greyrat

La propiedad SVG LinearGradientElement.y1 Devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento LinearGradient dado. Sintaxis: LinearGradientElement.y1 Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener el elemento y1 LinearGradient Ejemplo 1: <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 200 200″           xmlns=»http://www.w3.org/2000/svg»      xmlns:xlink=»http://www.w3.org/1999/xlink»>   <defs>     <linearGradient id=»gfg»                      gradientTransform=»rotate(70)»                      x1=»20%» … Continue reading «SVG LinearGradientElement.y1»