Prefijo SVG Propiedad

La propiedad de prefijo SVG devuelve el prefijo del elemento Attr dado Sintaxis: string = attribute.prefix Valor devuelto: Esta propiedad devuelve 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         </text>                    <script>             const element = … Continue reading «Prefijo SVG Propiedad»

Evento SVG.propiedad cancelable

La propiedad SVG Event.cancelable indica si el evento se puede cancelar. Sintaxis: bool = event.cancelable Valor devuelto: esta propiedad devuelve el valor booleano del elemento de evento. Ejemplo 1: En el siguiente ejemplo, usaremos el evento onclick . HTML <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 1000″          xmlns=»http://www.w3.org/2000/svg»>                    <circle cx=»50″ cy=»50″ r=»50″  … Continue reading «Evento SVG.propiedad cancelable»

SVG FESpecularLighting.kernelUnitLengthX Propiedad

La propiedad SVG SpecularLighting.kernelUnitLengthX devuelve el objeto SVGAnimatedNumber correspondiente al componente kernelUnitLengthX del elemento FESpecularLighting.kernelUnitLengthX. Sintaxis: var a = FESpecularLighting.kernelUnitLengthX Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente kernelUnitLengthX del elemento FESpecularLighting.kernelUnitLengthX. Ejemplo 1:  <!DOCTYPE html>  <html>     <body>      <svg height=»200″ width=»200″         viewBox=»0 0 220 220″>                     <filter id=»filter»>                 <feSpecularLighting in=»BackgroundImage» … Continue reading «SVG FESpecularLighting.kernelUnitLengthX Propiedad»

SVG FEDropShadow.dx Propiedad

La propiedad SVG FEDropShadow.dx devuelve el objeto SVGAnimatedNumber correspondiente al componente dx del elemento FEDisplacementMap.dx. Sintaxis: var a = FEDropShadow.dx Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente dx del elemento FEDisplacementMap.dx. Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»200″ height=»200″>          <defs>              <filter id=»drop_shadow»                 filterUnits=»objectBoundingBox»                 x=»-50%» y=»-60%» width=»250%»                 height=»250%»>     … Continue reading «SVG FEDropShadow.dx Propiedad»

SVG FESpotLightElement.z Propiedad

La propiedad SVG FESpotLightElement.z devuelve el objeto SVGAnimatedNumber correspondiente al atributo z del elemento FESpotLightElement.z . Sintaxis: var a = FESpotLightElement.z Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo z del elemento FESpotLightElement.z. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»200″ height=»200″>         <defs>             <filter id=»spotlight»>                 <feSpecularLighting result=»spec3″                      in=»blur3″ specularConstant=»1.2″                      specularExponent=»7″ … Continue reading «SVG FESpotLightElement.z Propiedad»

Propiedad SVG Document.documentURI

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

Propiedad SVG LineElement.x1

La propiedad SVG LineElement.x1 devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento de línea dado. Sintaxis: LineElement.x1 Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener el «x1» del elemento de línea. Ejemplo 1:  HTML <!DOCTYPE html> <html>    <body>     <svg width=»350″ height=»350″          xmlns=»http://www.w3.org/2000/svg»>                    <line x1=»10″ x2=»150″ … Continue reading «Propiedad SVG LineElement.x1»

Propiedad SVG window.menubar

La propiedad SVG window.menubar devuelve Sintaxis: var mb = window.menubar Valor devuelto: Esta propiedad devuelve 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.menubar);                 }             </script>         </svg>     </center> </body>    … Continue reading «Propiedad SVG window.menubar»

SVG LinearGradientElement.x2 Propiedad

La propiedad SVG LinearGradientElement.x2 Devuelve un objeto SVGAnimatedLength correspondiente al atributo del elemento LinearGradient dado. Sintaxis: LinearGradientElement.x2 Valor de retorno: esta propiedad devuelve el objeto SVGAnimatedLength que se puede usar para obtener x2 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)»                     x1=»0%» … Continue reading «SVG LinearGradientElement.x2 Propiedad»

SVG FEDropShadow.in1 Propiedad

La propiedad SVG FEDropShadow.in1 devuelve el objeto SVGAnimatedstring correspondiente al componente in1 del elemento FEDisplacementMap.in1. Sintaxis: var a = FEDropShadow.in1 Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedstring correspondiente al componente in1 del elemento FEDisplacementMap.in1. Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»200″ height=»200″>          <defs>              <filter id=»drop_shadow»                 filterUnits=»objectBoundingBox»                 x=»-50%» y=»-60%» width=»250%»                 height=»250%»>     … Continue reading «SVG FEDropShadow.in1 Propiedad»