Preguntas etiquetadas con svg

¿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. ReactJSX no es XML. ¿Cuál es la forma más ligera de hacer …

127 javascript  svg  reactjs 

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 pregunta Estoy intentando convertir un PDF a SVG. Sin embargo, …

114 pdf  svg 

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 pila de desarrollo front-end sin embargo, me di cuenta …

114 svg  sprite  reactjs 

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" data="image.svg"></object> pero luego obtengo barras de desplazamiento visibles. Funciona si …

114 html  svg 

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 aquí: http://www.planethunters.org/classify Hay alrededor de 2000 puntos cuando se aleja completamente. Intente usar las …

114 html  canvas  svg  d3.js  kineticjs 

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 predeterminado es "sí" de todos modos, pero lo agregué para evitar preguntas …

113 html  xml  svg  xslt-1.0  xslt-2.0 

¿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 …

113 html  svg  png  favicon 

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"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" …

112 css  html  svg  responsive-design 

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 …

111 php  svg  imagemagick  jpeg  gd2 

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, …

109 html  css  svg  safari 

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 declaración de importación. Supongo que tiene algo que ver con el …

109 typescript  svg 

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 <tspan>s.

108 xml  text  svg  word-wrap 

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" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // …

107 javascript  svg  newline  line-breaks 

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 utilizar algo como el …

107 html  css  svg 

¿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", …

106 svg  d3.js