Categoría: HTML-SVG

Propiedad SVG Element.className

Posted on by Rudeus Greyrat

La propiedad SVG Element.className se utiliza para r Sintaxis: var cName = element.className Valor devuelto: esta propiedad devuelve el nombre de clase 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» class=»Geeks»>                <text x=’100′ y=’100′                  font-size=»50px»>GfG             </text>         </a>                    <script>             var g = document.getElementById(‘gfg’);             console.log(g.className)         </script>     </svg> … Continue reading «Propiedad SVG Element.className»

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»

Atributo de filtro SVG

Posted on by Rudeus Greyrat

El atributo de filtro se utiliza para especificar los efectos de filtro definidos por el elemento <filter> que se aplicarán a sus elementos. Sintaxis: filter=»value» Valores de atributos: valor: los valores de filtro que se aplicarán al elemento Usaremos el atributo de filtro para configurar el filtro de los elementos. Ejemplo 1:  HTML <!DOCTYPE html> … Continue reading «Atributo de filtro SVG»

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»

Atributo de altura de marcador SVG

Posted on by Rudeus Greyrat

El atributo markerHeight indica la altura de la ventana gráfica en la que se ajustará el <marcador> cuando se muestre de acuerdo con los atributos preserveAspectRatio y viewBox. Solo el elemento <marker> está usando este atributo. Sintaxis: markerrHeight = «length-percentage» | «number» Valores de atributo: el atributo markerHeight acepta los valores mencionados anteriormente y descritos … Continue reading «Atributo de altura de marcador SVG»

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»

CSS antes de la propiedad

Posted on by Rudeus Greyrat

La propiedad cue-before de CSS se usa para definir un icono auditivo que se reproduce antes del elemento para distinguirlo y configurarlo. Sintaxis: cue-before: url|none; Parámetros: Esta propiedad acepta dos valores como se mencionó anteriormente y se describe a continuación: url: este parámetro contiene un recurso de icono auditivo. Si un usuario no puede representar … Continue reading «CSS antes de la propiedad»

SVG feDiffuseElemento de iluminación

Posted on by Rudeus Greyrat

La primitiva de filtro SVG <feDiffuseLighting> ilumina una imagen utilizando el canal alfa como un mapa de relieve. Usando iluminación difusa, los lados del objeto que miran hacia la luz son más brillantes y los lados que miran hacia el otro lado son más oscuros y en la sombra. Sintaxis: <feDiffuseLighting> Contents… </feDiffuseLighting> Atributos: in … Continue reading «SVG feDiffuseElemento de iluminación»

Patrón SVGContentUnits Atributo

Posted on by Rudeus Greyrat

El atributo patternContentUnits se utiliza para indicar qué sistema de coordenadas se debe utilizar para el contenido del elemento < patrón >. Sintaxis: patternContentUnits =»userSpaceOnUse» // Or patternContentUnits =»objectBoundingBox» Valores de atributo: el atributo patternContentUnits acepta los valores mencionados anteriormente y descritos a continuación: userSpaceOnUse: indica que todas las coordenadas dentro del elemento <patrón> se … Continue reading «Patrón SVGContentUnits Atributo»

Atributo de altura SVG

Posted on by Rudeus Greyrat

El atributo de altura define la longitud vertical de un elemento. Sintaxis: height= «height» Valores de atributos: longitud: longitud en la que queremos establecer el atributo de altura porcentaje: Porcentaje en el que queremos establecer el atributo de altura Usaremos el atributo de altura para establecer la altura del elemento. Ejemplo 1: En este ejemplo, … Continue reading «Atributo de altura SVG»