Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.
En este SVG a continuación, un círculo se mueve en la ruta dada de forma lineal a una velocidad constante. Quiero que se mueva según la curva (como un proyectil, ya que esta curva es una parábola). He leído acerca de keySplines, keyPoints y keyTimes, pero no puedo aplicarlos correctamente . . . Read more
Tengo un archivo SVG encima de una etiqueta img. El archivo SVG tiene un elemento con el modo de mezcla de colores: se mezcla con la imagen: <g id=”myitem” style=”mix-blend-mode:color”> <path d=”M456 410.5L2.5 497L3 … 410.5Z” fill=”white”></path> </g> Este código funciona perfectamente en Chrome, mezcla y crea un filtro de . . . Read more
Estoy creando una biblioteca de diseño y me gustaría incluir algunos SVG básicos en ella, para que si los usuarios no los agregan o reemplazan, se muestren como respaldo. Creé una carpeta en mi biblioteca: assets/ => svg/ => alert.svg => success.svg => trash.svg => … Luego agregué esta carpeta . . . Read more
Estoy aprendiendo sobre SVG y solo el concepto de los ejes x, y me confunde, porque – Mi código – <svg height=”300″ width=”500″ class=”menu-icon”> <polygon points=”100 0 , 0 -100 , 150 -150″ style=”fill:red;stroke:black; stroke-width:4;”></polygon> </svg> Y cuando tracé estos puntos en el gráfico Claramente es un polígono (triángulo). Soy . . . Read more
Soy capaz de mover un objeto a lo largo de una Curva de Bézier pero tengo dificultades con ‘defs’ y ‘use’. Mi objeto (círculo) aparece en 0,0 antes de que comience la animación, luego aparece en la posición correcta. <svg viewbox=”0 0 500 300″ style=”border:1px solid black; width:500; height:500;” xmlns=”http://www.w3.org/2000/svg”> . . . Read more