Categoría: SVG-Property

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»

Propiedad SVG Document.doctype

Posted on by Rudeus Greyrat

La propiedad SVG Document.doctype devuelve el tipo de documento del documento. Sintaxis: doctype = document.doctype Valor devuelto: esta propiedad devuelve el tipo de documento del documento. Ejemplo: HTML <!DOCTYPE html>  <html>     <body>      <svg width=»350″ height=»500″          xmlns=»http://www.w3.org/2000/svg»>            <script>             console.log(document.doctype)         </script>     </svg> </body>    </html>  Producción: Publicación traducida automáticamente Artículo escrito por taran910 y traducido … Continue reading «Propiedad SVG Document.doctype»

SVG RectElement.y Propiedad

Posted on by Rudeus Greyrat

El ángulo de la propiedad SVG RectElement.y Sintaxis: RectElement.y 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=30 />            <script>             var g = document.getElementById(«gfg»);             console.log(g.y)         </script>     </svg> </body>     </html> Producción: Ejemplo 2:  HTML <!DOCTYPE html>  <html>     <body>  … Continue reading «SVG RectElement.y Propiedad»

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 FESpecularLighting.surfaceScale

Posted on by Rudeus Greyrat

La propiedad SVG FESpecularLighting.surfaceScale devuelve el objeto SVGAnimatedNumber correspondiente al componente surfaceScale del elemento FESpecularLighting.surfaceScale. Sintaxis: var a = FESpecularLighting.surfaceScale Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente de superficie de escala del elemento FESpecularLighting.surfaceScale. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg height=»200″ width=»200″          viewBox=»0 0 220 220″>    … Continue reading «Propiedad SVG FESpecularLighting.surfaceScale»

SVG FEMergeNode.in1 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEMergeNode.in1 devuelve el objeto SVGAnimatedString correspondiente al componente in1 del elemento FEMergeNode. Sintaxis: let in_prop = FEMergeNode.in1 Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedString correspondiente al componente in1 del elemento FEMergeNode. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″>         <filter id=»feOffset» x=»-40″ y=»-20″              width=»100″ height=»200″>                            <feOffset in=»SourceGraphic»  … Continue reading «SVG FEMergeNode.in1 Propiedad»

SVG FEGaussionBlur.stdDeviationX Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEGaussionBlur.stdDeviationX devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationX del elemento FEGaussionBlur.stdDeviationX. Sintaxis: var a = FEGaussionBlur.stdDeviationX Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente stdDeviationX del elemento FEGaussionBlur.stdDeviationX 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.stdDeviationX Propiedad»

Propiedad SVG EllipseElement.cy

Posted on by Rudeus Greyrat

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

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»

Propiedad SVG CircleElement.r

Posted on by Rudeus Greyrat

La propiedad SVG CircleElement r re Sintaxis: CircleElement.r 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=»100″ cy=»100″ r=»50″              fill=»green» id=»gfg»              onclick=»clickCircle();» />                        <script>             var g = document.getElementById(«gfg»);             console.log(g.r)         </script>     </svg> </body>    </html> Producción: Ejemplo 2:  HTML <!DOCTYPE … Continue reading «Propiedad SVG CircleElement.r»