Categoría: SVG-Property

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»

SVG FESpotLightElement.pointsAtY Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FESpotLightElement.pointsAtY devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtY del elemento FESpotLightElement.pointsAtY. Sintaxis: var a = FESpotLightElement.pointsAtY Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtY del elemento FESpotLightElement.pointsAtY. Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <div style=»color: green;»>          <h1>              GeeksforGeeks          </h1>             <svg viewBox=»0 0 1120 350″ … Continue reading «SVG FESpotLightElement.pointsAtY Propiedad»

SVG FEBlendElement.in1 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEEBlendElement.in1 devuelve el objeto SVGAnimatedString correspondiente al atributo in del elemento FEBlendElement.in1 . Sintaxis: var a = FEBlendElement.in1 Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedString correspondiente al atributo in del elemento FEBlendElement.in1  . Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″>         <defs>             <filter id=»spotlight»>                 <feFlood result=»floodFill»                      x=»0″ y=»0″ … Continue reading «SVG FEBlendElement.in1 Propiedad»

SVG FEBlendElement.in2 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEEBlendElement.in2 devuelve el objeto SVGAnimatedString correspondiente al atributo in2 del elemento FEBlendElement.in2 . Sintaxis: var a = FEBlendElement.in2 Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedString correspondiente al atributo in2 del elemento FEBlendElement.in2  . Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″>         <defs>             <filter id=»spotlight»>                 <feFlood result=»floodFill»                      x=»0″ y=»0″ … Continue reading «SVG FEBlendElement.in2 Propiedad»

Propiedad SVG UseElement.height

Posted on by Rudeus Greyrat

La propiedad SVG UseElement.height Sintaxis: UseElement.height Valor devuelto: Esta propiedad devuelve Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>   <svg width=»800″ height=»800″         xmlns=»http://www.w3.org/2000/svg»>                 <rect id=»gfg»                  x=»100″                  y=»100″                  height=»150″                 width=»150″                 fill=»green»/>                       <use href=»#gfg» x=»200″ y=»200″ height=»150″              width=»150″ id=»useid»></use>          <script type=»text/javascript»>           var u = document.getElementById(«useid»);           console.log(u.height);           console.log(u.height.animVal.value)         </script>     </svg>  </body> </html> Producción: Ejemplo 2:  HTML <!DOCTYPE … Continue reading «Propiedad SVG UseElement.height»

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 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»

SVG LinearGradientElement.y2 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG LinearGradientElement.y2 Sintaxis: LinearGradientElement.y2 Valor devuelto: Esta propiedad devuelve Ejemplo 1:  HTML <!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=»0%» x2=»20%» y1=»0%» y2=»20%»>                                    <stop offset=»10%» stop-color=»blue» />                 <stop offset=»90%» stop-color=»green» />             </linearGradient>         </defs>            <circle cx=»20″ cy=»20″ r=»20″ fill=»url(‘#gfg’)» />                    <script> … Continue reading «SVG LinearGradientElement.y2 Propiedad»

SVG propietarioElemento Propiedad

Posted on by Rudeus Greyrat

La propiedad OwnerElement de SVG devuelve el elemento OwnerElement del elemento Attr dado. Sintaxis: name = attribute.ownerElement Valor de retorno: esta propiedad devuelve el elemento propietario 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 … Continue reading «SVG propietarioElemento Propiedad»

SVG FESpotLightElement.pointsAtZ Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FESpotLightElement.pointsAtZ devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtZ del elemento FESpotLightElement.pointsAtZ. Sintaxis: var a = FESpotLightElement.pointsAtZ Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtZ del elemento FESpotLightElement.pointsAtZ. Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <div style=»color: green;»>          <h1>              GeeksforGeeks          </h1>             <svg viewBox=»0 0 1120 350″ … Continue reading «SVG FESpotLightElement.pointsAtZ Propiedad»