Articles of svg

Html a la gem Pdf

Tengo una vista que contiene html con svg incorporado y lo que quiero hacer es hacer que el usuario pueda guardar la vista como un archivo pdf en su máquina local, así que necesito una gem que se convierta de html que tiene el código svg incorporado en pdf. Alguna sugerencia ?

¿Cómo mantener viewBox centrado al “hacer zoom” en SVG?

A menudo utilizo el atributo viewBox para “ampliar” un elemento SVG. El zoom se logra, por supuesto, utilizando valores de ancho y altura más bajos para el atributo viewBox , pero los valores xey son difíciles de entender para mantener centrada la escena. Debajo hay un fragmento donde viewBox=”0 0 100 100″ . (xy ancho […]

Cómo hacer que stroke-dasharray tenga el mismo aspecto en la ruta que en la línea

Intento crear un patrón discontinuo con 16px de ruta y luego un espacio de 14px. He intentado usar: stroke-dasharray: 16px 14px; que funciona en mi elemento pero no parece hacer nada en mi elemento . Aquí hay un violín con el que jugar: http://jsfiddle.net/Wexcode/avTY6/

SVG no usa fuente cuando está dentro de HTML

Tengo un SVG que se muestra bien en Chrome, pero cuando lo uso en una página HTML, no utiliza la fuente correcta, sino que usa la predeterminada. TEST El SVG se muestra bien en Chrome, pero cuando se muestra en una página HTML, no utiliza la fuente correcta. ¿Qué me estoy perdiendo? Adición: Aunque se […]

Agregar un SVG que tiene 3 rutas a la parte .innerHTML de un botón

Estoy tratando de agregar un SVG que tiene 3 rutas a un código de botón. Sé cómo hacer un camino, pero haciendo múltiples, estoy confundido sobre cómo hacerlo. Necesito ayuda para agregar el SVG a la parte .innerHTML del código. Toda la ayuda sería muy apreciada. https://jsfiddle.net/hnhqtb4u/2/ Jugar: Pausa: A continuación está el formato de […]

¿Puedo anular el modo empresarial de IE desde HTML?

Estoy tratando de ejecutar una visualización D3 . Estoy hospedando mi HTML / CSS / JS en un sitio sharepoint interno de la empresa que tiene una empresa IE ejecutándose, lo que me obliga a pasar de IE11 a un entorno IE8 por mi consola: HTML1122: Internet Explorer is running in Enterprise Mode emulating IE8. […]

¿Ocultando un elemento SVG en HTML sin deshabilitar las rutas de clip definidas en el interior?

Con referencia a la pregunta clip-path que no funciona en SVG sprite , parece que no podemos usar style=”display:none” para ocultar un elemento SVG que define una ruta de clip que se usará en otro lugar. Sin embargo, la alternativa sugerida para ocultarlo dado (usando width=”0″ height=”0″ ) no funciona para mí (al menos en […]

Haga una colección de archivos SVG en algo así como FontAwesome’s JS?

No estoy seguro de si ya hay una pregunta como esta y posible duplicación de esto, pero me gustaría saber cómo hacer una colección de archivos SVG en algo exactamente como el JS de FontAwesome. Deseo utilizar todos los icons de este paquete y ponerlos a disposición para ser llamados y usados ​​en HTML como […]

svg storke-dashoffest hace una animación anti-horario

Traté de dibujar un círculo svg. Como necesito animarlo usando stroke-dashoffest, el trazo del círculo se llena solo en sentido antihorario. ¿Hay alguna manera de mover la animación en sentido horario? My Code: Layer 1

Cómo curvar el div desde abajo con fondo de imagen

¿Es posible agregar la parte inferior curva usando HTML CSS, por lo que no es necesario recortar la imagen de esta manera? El objective principal de esto es permitir que la imagen se curve automáticamente de esa manera, intenté agregar el radio del borde, pero no funcionará. ¿Alguna ayuda? Creo que tenemos que usar el […]