Categoría: HTML-SVG

SVG FEDisplacementMap.in1 Propiedad

Posted on by Rudeus Greyrat

La propiedad SVG FEDisplacementMap.in1 devuelve el objeto SVGAnimatedString correspondiente al componente in del elemento FEDisplacementMap.in1 . Sintaxis: var a = FEDisplacementMap.in1 Valor devuelto: esta propiedad devuelve el objeto SVGAnimatedString correspondiente al componente de entrada del elemento FEDisplacementMap.in1 . Ejemplo 1:  HTML <!DOCTYPE html>  <html>     <body>      <svg width=»200″ height=»200″         viewBox=»0 0 220 220″>             <filter … Continue reading «SVG FEDisplacementMap.in1 Propiedad»

SVG repetirDur Atributo

Posted on by Rudeus Greyrat

El atributo repeatDur especifica la duración total para repetir la animación.  Los elementos que utilizan este atributo son:  elemento <animado> elemento <animateColor> elemento <animateMotion> elemento <animateTransform> elemento <conjunto> Sintaxis: repeatDur = clock-value || indefinite Valores de atributo: el atributo repeatDur acepta los valores mencionados anteriormente y descritos a continuación: clock-value: Indica el tiempo de duración … Continue reading «SVG repetirDur Atributo»

¿Qué es el Generador SVG en HTML5?

Posted on by Rudeus Greyrat

¿Qué es exactamente SVG? SVG significa Gráficos vectoriales escalables. Se utiliza para crear y definir gráficos para la página web. Básicamente define gráficos basados ​​en vectores en formato XML. Los gráficos SVG NO pierden calidad si se amplían o redimensionan. Todos los elementos y atributos de los archivos SVG se pueden animar. ¿Cuál es su … Continue reading «¿Qué es el Generador SVG en HTML5?»

Elemento de círculo SVG

Posted on by Rudeus Greyrat

El elemento SVG <circle> se usa para dibujar un círculo. Se dan el punto central y el radio. Sintaxis: <circle cx=»x-axis co-ordinate» cy=»y-axis co-ordinate» r=»length» > </circle> Atributos: cx: coordenada en el eje x del centro. cy: coordenada del eje y del centro r: Radio del círculo. Ejemplo: html <!DOCTYPE html> <html>     <body>         <svg width=»200″ … Continue reading «Elemento de círculo SVG»

Propiedad SVG FESpecularLighting.specularConstant

Posted on by Rudeus Greyrat

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

Atributo SVG yChannelSelector

Posted on by Rudeus Greyrat

El atributo yChannelSelector en SVG se usa para indicar el canal de in2 que se usa para desplazar los píxeles a lo largo del eje y. Este atributo solo lo utiliza el elemento < feDisplacementMap >. Sintaxis: yChannelSelector = «R | G | B | A» Valores de atributo: el atributo acepta cuatro valores, como … Continue reading «Atributo SVG yChannelSelector»

Atributo de ancho de trazo SVG

Posted on by Rudeus Greyrat

El atributo de ancho de trazo es un atributo que define el ancho del trazo aplicado a la forma. Sintaxis: stroke-width=»length» Valores de atributos: longitud: longitud en la que queremos establecer el atributo de ancho de trazo porcentaje: porcentaje en el que queremos establecer el atributo de ancho de trazo Usaremos el atributo de ancho … Continue reading «Atributo de ancho de trazo SVG»

Atributo de ajuste de tamaño de fuente SVG

Posted on by Rudeus Greyrat

El atributo de ajuste de tamaño de fuente le permite establecer el valor de aspecto para un elemento que establecerá la altura x de la fuente de primera elección en la fuente sustituta dada. Este atributo ajusta el tamaño de la fuente x-altura de acuerdo con la familia de fuentes . Sintaxis: font-size-adjust=»size» Valores de … Continue reading «Atributo de ajuste de tamaño de fuente SVG»

Propiedad SVG Document.timeline

Posted on by Rudeus Greyrat

La propiedad SVG Document.timeline representa la línea de tiempo predeterminada del documento actual. Esta línea de tiempo se crea automáticamente cuando se carga la página. Para cada documento, la línea de tiempo es única. Sintaxis: var tl = document.timeline Valor devuelto: esta propiedad devuelve un objeto que contiene información sobre la línea de tiempo del … Continue reading «Propiedad SVG Document.timeline»

Atributo de opacidad de relleno SVG

Posted on by Rudeus Greyrat

El atributo de opacidad de relleno es un atributo de presentación que define la opacidad de la pintura aplicada a una forma. Sintaxis: fill-opacity=»colour» Valores de atributos: decimal: Valor decimal en el que queremos que nuestro elemento sea opaco. porcentaje: Porcentaje en el que queremos establecer el atributo de relleno-opacidad. Usaremos el atributo de opacidad … Continue reading «Atributo de opacidad de relleno SVG»