SVG significa Gráfico vectorial escalable. Se puede usar para hacer gráficos y animaciones como en el lienzo HTML. Es un tipo de gráfico vectorial que se puede ampliar o reducir. Las propiedades se usan para pasar el valor al elemento, hay muchas propiedades que se pueden usar en los elementos SVG. Lista de propiedades SVG: … Continue reading «Referencia completa de la propiedad SVG»
La propiedad SVG FEDisplacementMap.scale devuelve el objeto SVGAnimatedNumber correspondiente al componente de escala del elemento FEDisplacementMap.scale . Sintaxis: var a = FEDisplacementMap.scale Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente de escala del elemento FEDisplacementMap.scale . Ejemplo 1: HTML <!DOCTYPE html> <html> <body> <svg width=»200″ height=»200″ viewBox=»0 0 220 220″> … Continue reading «Propiedad SVG FEDisplacementMap.scale»
La propiedad SVG window.performance se utiliza para recopilar información de rendimiento sobre el documento actual. Sintaxis: var p = window.performance Valor devuelto: esta propiedad devuelve un objeto de rendimiento. 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»> … Continue reading «Propiedad SVG window.performance»
La propiedad SVG Element.outerHTML Sintaxis: const content = element.outerHTML Valor de retorno: esta propiedad devuelve HTML externo Ejemplo 1: HTML <!DOCTYPE html> <html> <body> <svg width=»350″ height=»100″ xmlns=»http://www.w3.org/2000/svg»> <a href=»https://www.geeksforgeeks.org» id=»gfg»> <text x=’100′ y=’50’ font-size=»50px»>GfG</text> </a> <script> var g = document.getElementById(‘gfg’); console.log(g.outerHTML); </script> </svg> </body> </html> Producción: Ejemplo 2: HTML <!DOCTYPE … Continue reading «Elemento SVG.outerHTML Propiedad»
La propiedad SVG LineElement.y1 e Sintaxis: LineElement.y1 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=»150″ id=»gfg» stroke=»green» /> <script> var g = document.getElementById(«gfg»); console.log(g.y1) </script> </svg> </body> </html> Producción: Ejemplo 2: HTML <!DOCTYPE html> <html> <body> … Continue reading «Propiedad SVG LineElement.y1»
La propiedad SVG FEGaussionBlur.stdDeviationY devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationY del elemento FEGaussionBlur.stdDeviationY. Sintaxis: var a = FEGaussionBlur.stdDeviationY Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationY del elemento FEGaussionBlur.stdDeviationY Ejemplo 1: <!DOCTYPE html> <html> <body> <svg viewBox=»0 0 1000 1000″> <filter id=»lightMe2″> <feGaussianBlur in=»FillPaint» stdDeviation=»10″ edgeMode=»wrap» id=»gfg» … Continue reading «SVG FEGaussionBlur.stdDeviationY Propiedad»
La propiedad SVG Element.part devuelve una DOMTokenList que representa los identificadores de parte para el elemento dado. Sintaxis: let elementPartList = element.part Valor devuelto: esta propiedad devuelve una DOMTokenList que representa los identificadores de parte del elemento dado. Ejemplo 1: HTML <!DOCTYPE html> <html> <body> <svg width=»350″ height=»100″ xmlns=»http://www.w3.org/2000/svg»> <a href=»https://www.geeksforgeeks.org» id=»gfg»> <text … Continue reading «Elemento SVG.parte Propiedad»
La propiedad SVG FEBlendElement.mode devuelve el objeto SVGAnimatedEnumeration correspondiente al atributo de modo del elemento FEBlendElement.mode . Sintaxis: var a = FEBlendElement.mode Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedEnumeration correspondiente al atributo de modo del elemento FEBlendElement.mode . Ejemplo 1: HTML <!DOCTYPE html> <html> <body> <svg width=»200″ height=»200″> <defs> <filter id=»spotlight»> <feFlood result=»floodFill» … Continue reading «Propiedad SVG FEBlendElement.mode»
La propiedad SVG RectElement.height devuelve un SVGAnimatedLength con respecto al elemento rect del elemento SVG de la página web HTML. Sintaxis: RectElement.height Valores devueltos: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener la «altura» del elemento rect Ejemplo 1: HTML <!DOCTYPE html> <html> <body> <svg width=»350″ height=»350″ xmlns=»http://www.w3.org/2000/svg»> <rect … Continue reading «SVG RectElement.propiedad de altura»
La propiedad SVG AElement.href devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento A dado Sintaxis: AElement.href Valor devuelto: Esta propiedad vuelve a Ejemplo 1: <!DOCTYPE html> <html> <body> <svg viewBox=»0 0 100 100″ xmlns=»http://www.w3.org/2000/svg»> <!– A link around a shape –> <a href=»https://www.geeksforgeeks.org» id=»gfg»> <circle cx=»20″ cy=»40″ r=»15″ /> </a> <script> … Continue reading «SVG AElement.href Propiedad»