Categoría: SVG-Property

SVG EllipseElement.ry Propiedad

Posted on by Rudeus Greyrat

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

SVG FEDisplacementMap.xChannelSelector Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEDisplacementMap.xChannelSelector devuelve el objeto SVGAnimatedEnumeration correspondiente al componente xChannelSelector del elemento FEDisplacementMap.xChannelSelector . Sintaxis: var a = FEDisplacementMap.xChannelSelector Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedEnumeration correspondiente al componente xChannelSelector del elemento FEDisplacementMap.xChannelSelector . Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»200″ height=»200″         viewBox=»0 0 220 220″>             <filter id=»displacementFilter»>  … Continue reading «SVG FEDisplacementMap.xChannelSelector Propiedad»

Propiedad SVG Event.currentTarget

Posted on by Rudeus Greyrat

La propiedad SVG Event.currentTarget identifica el destino actual del evento, ya que el evento atraviesa el DOM. Sintaxis: var currentEventTarget = event.currentTarget Valor devuelto: esta propiedad devuelve el valor de objeto del elemento de evento. Ejemplo 1:  <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 1000″          xmlns=»http://www.w3.org/2000/svg»>                    <circle cx=»50″ cy=»50″ r=»50″              onclick=»check(event)» /> … Continue reading «Propiedad SVG Event.currentTarget»

Propiedad SVG Element.id

Posted on by Rudeus Greyrat

La propiedad SVG Element.id Sintaxis: var idStr = element.id; // Get the id Valor devuelto: Esta propiedad devuelve el id 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»>             <circle cx=’100′ cy=’100′ r=»80″></circle>         </a>         <script>             var g = document.getElementById(‘gfg’);             console.log(g.id)         </script>     </svg> </body>     </html> Producción: Ejemplo 2:  HTML … Continue reading «Propiedad SVG Element.id»

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 Document.timeline

Posted on by Rudeus Greyrat

La propiedad SVG Document.timeline representa la línea de tiempo predeterminada del documento actual. Esta línea de tiempo se crea automáticamente cuando se carga la página. Para cada documento, la línea de tiempo es única. Sintaxis: var tl = document.timeline Valor devuelto: esta propiedad devuelve un objeto que contiene información sobre la línea de tiempo del … Continue reading «Propiedad SVG Document.timeline»

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»

SVG EllipseElement.rx Propiedad

Posted on by Rudeus Greyrat

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

SVG FESpotLightElement.pointsAtX Propiedad

Posted on by Rudeus Greyrat

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

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»