Digamos que tengo el archivo SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size:
Me encanta la fuente del ícono Font Awesome y quiero usarla para la mayoría de los íconos en mi sitio, pero hay algunos íconos de svg personalizados que necesitaría además de lo que se ofrece. Noté que la versión .svg de Font Awesome se compone principalmente de estos <glyph...
Me gustaría establecer un color de fondo predeterminado para todo el documento SVG, por ejemplo, en rojo. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> La solución anterior funciona, pero la propiedad de fondo del atributo de estilo desafortunadamente no es...
¿Existe una forma predeterminada de dibujar un archivo SVG en un lienzo HTML5? Google Chrome admite cargar el SVG como una imagen (y simplemente usarlo drawImage), pero la consola del desarrollador sí lo advierte resource interpreted as image but transferred with MIME type image/svg+xml. Sé que...
Estoy buscando usar un logotipo SVG para un sitio web, para que se vea genial en un diseño receptivo para todos los dispositivos. Pero como hay problemas , quiero admitir tantos dispositivos y navegadores como sea posible. La velocidad de carga también es una consideración importante. ¿Cómo...
¿Es posible incrustar el marcado SVG en un componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Resultados en el error: Los atributos del espacio de nombres no son compatibles....
Estoy tratando de elegir la tecnología correcta para usar para actualizar un proyecto que básicamente muestra miles de puntos en un gráfico ampliable y panorámico. La implementación actual, que utiliza Protovis, tiene un rendimiento inferior. Compruébalo
Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 2 años . Mejora esta...
Tengo algunos archivos SVG que especifican widthy heightasí viewbox: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... pero ¿cómo mostrarlos en el navegador a un tamaño que yo decida? Los quiero más pequeños y lo he probado: <object width="400"
Entonces, normalmente para incluir la mayoría de mis íconos SVG que requieren un estilo simple, lo hago: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Ahora he estado jugando con ReactJS en los últimos tiempos la evaluación como un posible componente en mi nueva...
Mientras proceso mi XML, intento copiar un archivo SVG al que se hace referencia desde un hrefatributo directamente en mi HTML de salida con la siguiente línea: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> No copy-namespacesdebería ser necesario ya que el valor...
¿Qué dimensiones de favicon, formatos de archivo y metaetiquetas / enlaces deben usarse a partir de 2020? Esto incluye el icono de Apple, Windows, Android y otros dispositivos que la gente usa hoy en día. Yo uso Opera y puedo ver que es compatible con el formato svg. ¿Es la mejor solución para...
El objetivo es que el <svg>elemento se expanda al tamaño de su contenedor principal, en este caso a <div>, sin importar cuán grande o pequeño sea ese contenedor. El código: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container">...
Estoy trabajando en un proyecto web que involucra un mapa generado dinámicamente de los Estados Unidos coloreando diferentes estados basados en un conjunto de datos. Este archivo SVG me da un buen mapa en blanco de los EE. UU. Y es muy fácil cambiar el color de cada estado. La dificultad es que...
Me acabo de encontrar con un problema muy extraño que solo aparece en Safari 10. Tengo naipes, imágenes svg, que a veces se rotan usando transform:rotate(xdeg). La tarjeta que estoy usando tiene un patrón de bloque rojo. Cuando no está girado o girado en ángulo recto, es decir, 90, 180, 270,...
En typescript(*.tsx)archivos no puedo importar archivos svg con esta declaración: import logo from './logo.svg'; Transpiler dice: [ts] cannot find module './logo.svg'. Mi archivo svg es solo <svg>...</svg>. Pero en el .jsarchivo puedo importarlo sin problemas con exactamente la misma...
Me gustaría mostrar <text>en SVG lo que se ajustaría automáticamente al contenedor de <rect>la misma manera que el texto HTML llena los <div>elementos. ¿Hay una manera de hacerlo? No quiero colocar las líneas con moderación usando
Así que esto es lo que tengo: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip"
Cuando un SVG se incluye directamente en un documento mediante la <svg>etiqueta, puede aplicar estilos CSS al SVG a través de la hoja de estilo del documento. Sin embargo, estoy tratando de aplicar un estilo a un SVG que está incrustado (usando la <object>etiqueta). ¿Es posible...
¿Cuál es la diferencia entre el atributo x y dx de svg (o y y dy)? ¿Cuándo sería el momento adecuado para utilizar el atributo de desplazamiento del eje (dx) frente al atributo de ubicación (x)? Por ejemplo, he notado muchos ejemplos de d3 haciendo algo como esto chart.append("text") .attr("x",...