Categoría: HTML-SVG

Propiedad SVG Window.event

Posted on by Rudeus Greyrat

La propiedad SVG Window.event Sintaxis: var e = window.event Valor de retorno: esta propiedad Ejemplo 1: En este ejemplo usaremos el evento onclick. HTML <!DOCTYPE html> <html>    <body>     <center>         <h1>GeeksforGeeks</h1>            <button onclick=»get()»>             Get event         </button>                    <br><br>         <div id=»g»></div>            <svg viewBox=»0 0 1000 1000″              xmlns=»http://www.w3.org/2000/svg»>                            <script type=»text/javascript»>                 function get() {                     console.log(window.event); … Continue reading «Propiedad SVG Window.event»

Atributo SVG y1

Posted on by Rudeus Greyrat

El atributo y1 se usa para especificar la primera coordenada y para dibujar un elemento SVG que requiere más de una coordenada. Elementos que están usando este atributo: <línea> <gradiente lineal> Sintaxis: y1 = «y1-coordinate» Valores de atributos: length: :Longitud en la que queremos establecer la coordenada y1. porcentaje: porcentaje en el que queremos establecer … Continue reading «Atributo SVG y1»

Atributo de espaciado de palabras SVG

Posted on by Rudeus Greyrat

El atributo de espacio entre palabras en SVG se usa para indicar el espacio entre palabras. Este espacio se puede cambiar utilizando el valor de longitud del atributo.  Cuando la longitud se menciona sin un identificador de unidad, el navegador lo procesa como un valor de ancho en el sistema de coordenadas del usuario actual; … Continue reading «Atributo de espaciado de palabras SVG»

SVG <ruta de texto> Elemento

Posted on by Rudeus Greyrat

SVG significa Gráfico vectorial escalable. Se puede usar para hacer gráficos y animaciones como en el lienzo HTML. El elemento SVG <textPath> se utiliza para representar el texto junto con una determinada ruta. Para representar texto junto con una determinada ruta, encierre el texto en un elemento <textPath> que tenga un atributo href con una … Continue reading «SVG <ruta de texto> Elemento»

SVG FEDropShadow.stdDeviationX Propiedad

Posted on by Rudeus Greyrat

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

Propiedad SVG Event.returnValue – Part 1

Posted on by Rudeus Greyrat

La propiedad SVG Event.returnValue indica si la acción predeterminada para este evento se ha impedido o no. Sintaxis: var bool = event.returnValue Valor devuelto: esta propiedad devuelve el valor booleano del elemento de evento. Ejemplo 1: En este ejemplo, usaremos el evento onclick para el elemento circular SVG . HTML <!DOCTYPE html> <html>    <body> … Continue reading «Propiedad SVG Event.returnValue – Part 1»

Atributo de escala de superficie SVG

Posted on by Rudeus Greyrat

El atributo surfaceScale sirve como la altura de la superficie. Los elementos que usan este atributo incluyen <feSpecularLighting> y <feDiffuseLighting> Sintaxis: surfaceScale = «number» Valores de los atributos: el atributo surfaceScale acepta los valores mencionados anteriormente y descritos a continuación. número: este valor de atributo acepta números como un entero sin formato, una fracción positiva, … Continue reading «Atributo de escala de superficie SVG»

Atributo de repetición de SVG

Posted on by Rudeus Greyrat

El atributo repeatCount especifica el tiempo de duración de una animación. Los elementos que usan este atributo incluyen <animate>, <animateColor>, <animateMotion>, <animateTransform> y <set> Sintaxis: repeatCount = number || indefinite Valores de atributo: el atributo repeatCount acepta los valores mencionados anteriormente y descritos a continuación. número: Indica el número de iteraciones. Los valores comienzan mayores … Continue reading «Atributo de repetición de SVG»

SVG FESpecularLighting.kernelUnitLengthX Propiedad

Posted on by Rudeus Greyrat

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»

Elemento de SVG <linearGradient>

Posted on by Rudeus Greyrat

El elemento SVG <linearGradient> permite al desarrollador definir degradados lineales para aplicar elementos SVG. Permite una transición suave de un color a otro. Esta es la técnica más fiable.  Los gradientes lineales se pueden definir como gradientes verticales, angulares u horizontales: Los gradientes verticales se crean cuando x1 y x2 son iguales y y1 e … Continue reading «Elemento de SVG <linearGradient>»