Categoría: HTML-SVG

Propiedad SVG SpecularLighting.specularExponent

Posted on by Rudeus Greyrat

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

Propiedad SVG Event.defaultPrevented

Posted on by Rudeus Greyrat

La propiedad SVG Event.defaultPrevented devuelve un valor booleano que indica si la llamada a Event.preventDefault() canceló el evento. Sintaxis: var defaultWasPrevented = event.defaultPrevented Valor devuelto: esta propiedad devuelve el valor booleano del elemento de evento. Ejemplo 1: En este ejemplo, usaremos el evento onclick. <!DOCTYPE html> <html>    <body>     <svg viewBox=»0 0 1000 1000″          xmlns=»http://www.w3.org/2000/svg»> … Continue reading «Propiedad SVG Event.defaultPrevented»

Atributo de efecto vectorial SVG

Posted on by Rudeus Greyrat

El atributo de efecto vectorial define el efecto vectorial que se utilizará al dibujar un objeto. Estos efectos se aplican antes de las operaciones de composición de filtros, máscaras y clips. Solo tiene efecto en <circle>, <elipse>, <foreignObject>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textPath> < elementos tspan> y <use> . Nota: este efecto … Continue reading «Atributo de efecto vectorial SVG»

SVG FEDisplacementMap.in2 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEDisplacementMap.in2 devuelve el objeto SVGAnimatedString correspondiente al componente in2 del elemento FEDisplacementMap. Sintaxis: let in_prop = FEDisplacementMap.in2 Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedString correspondiente al componente in2 del elemento FEDisplacementMap. Ejemplo 1:  HTML <!DOCTYPE html> <html> <body>   <svg width=»200″ height=»200″        viewBox=»0 0 220 220″>        <filter id=»displacementFilter»>          <feTurbulence type=»turbulence» … Continue reading «SVG FEDisplacementMap.in2 Propiedad»

Atributo de desviación estándar de SVG

Posted on by Rudeus Greyrat

El atributo stdDeviation explica la desviación estándar para la operación de desenfoque. Solo el elemento <feGaussianBlur> está usando este atributo. Sintaxis: stdDeviation = <number-optional-number> Valores de atributo: el atributo stdDeviation acepta los valores mencionados anteriormente y descritos a continuación número-opcional-número: Es un par de números. El primer número indica el valor de desviación estándar a … Continue reading «Atributo de desviación estándar de SVG»

¿Cómo incluir el código SVG dentro del archivo HTML?

Posted on by Rudeus Greyrat

Introducción: SVG significa Scalable Vector Graphics . Está escrito en formato basado en XML que se utiliza para describir gráficos vectoriales. Es ampliamente compatible con navegadores como Google Chrome, Firefox, Opera, etc. y muchos de ellos tienden a generar imágenes SVG. Los diseñadores también usan el formato SVG para hacer ilustraciones como logotipos, íconos, etc., … Continue reading «¿Cómo incluir el código SVG dentro del archivo HTML?»

Elemento de línea SVG

Posted on by Rudeus Greyrat

El elemento SVG <line> se utiliza para dibujar líneas. El punto de inicio y los puntos finales se dan para dibujar la línea. Sintaxis: <line x1=»x-axis co-ordinate» y1=»y-axis co-ordinate» x2=»x-axis co-ordinate» y2=»y-axis co-ordinate» > </line> Atributo: x1: punto inicial del eje x. y1: punto inicial del eje y. x2: punto final del eje x. y2: … Continue reading «Elemento de línea SVG»

¿Cómo crear un arco iris usando HTML5?

Posted on by Rudeus Greyrat

En esto, hablaremos sobre cómo podemos crear un arcoíris usando HTML5. Para crear el arcoíris tenemos que saber cómo funciona la etiqueta SVG y sus atributos. Acercarse: Primero, tenemos que usar el atributo de ancho y alto de la etiqueta SVG para crear la base para la estructura del arcoíris.  Ahora usaremos el elemento círculo … Continue reading «¿Cómo crear un arco iris usando HTML5?»

SVG FESpotLightElement.y Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FESpotLightElement.y devuelve el objeto SVGAnimatedNumber correspondiente al atributo y del elemento FESpotLightElement.y. Sintaxis: var a = FESpotLightElement.y Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo y del elemento FESpotLightElement.y. 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″                     lighting-color=»#FFF»> … Continue reading «SVG FESpotLightElement.y Propiedad»

Elemento fetil SVG

Posted on by Rudeus Greyrat

La primitiva de filtro SVG <feTile> permite rellenar un rectángulo de destino con un patrón de mosaico repetido de una imagen de entrada. Sintaxis: <feTile in=»» x=»» y=»» width=»» height=»» /> Atributos: in: el atributo in identifica la entrada para la primitiva de filtro dada.  x: Define la coordenada del eje x en el sistema … Continue reading «Elemento fetil SVG»