Raphaeljs representa todo el texto como cursiva en IE

Estoy usando RaphaelJS para representar visualmente algunos datos. La tecnología subyacente es SVG, por lo que obviamente las cosas no siempre funcionan tan bien en IE, pero la biblioteca hace un trabajo relativamente bueno de seguir representando algo útil, aunque a menudo tiende a verse bastante pobre.Raphaeljs representa todo el texto como cursiva en IE

En cualquier caso, parece que no puedo evitar este problema básico. El texto se procesa bien en Chrome o Firefox, pero todo se muestra en negrita y cursiva en IE8.

Para ver mi problema en la acción, vaya a the RaphaelJS playground y utilizar el siguiente código

paper.text(100, 100, "this is the text")

Aquí está el resultado en Chrome e IE.

Chrome IE8

¿Hay alguna solución para esto?

Fuente

2011-05-24 Jaco Pretorius

Por lo que vale, cuando Raphael se ejecuta en IE8 o menos, la tecnología subyacente es en realidad VML que SVG; detecta automáticamente que IE8 no admite SVG y vuelve a VML, que es compatible. Sin embargo, esto debería ser transparente para el desarrollador, por lo que no debería hacer ninguna diferencia. – Spudley

+1 Tengo el mismo problema – oyatek

Me da la impresión de que '.text()' es una función de Raphael que simplemente no funciona como se esperaba, y que ha sido extraoficialmente objeto de dumping con la expectativa de que las personas usen '.print () 'en su lugar. También [* parece * que para usar '.print()' debe tener su fuente como 'fuente de cufon'] (http://stackoverflow.com/questions/4402329/can-i-use-print-in- raphael-without-cufon) (es decir, formato javascript), que puede violar la licencia de algunas fuentes. Básicamente, parece que el texto en Raphael es (a partir de 2.1.0) un poco desordenado. – user568458

Ha intentado .attr({"font-family":"xxxxxx","font-weight":400});

Fuente

2011-05-25 03:07:35 Chasbeen

Lo probé, no hizo la diferencia –

Probé "font-weight": 400, "font-weight": 100, "font-weight": 'normal', números como números y como cadenas, con un explícitamente declarado fuente y sin. Ningún cambio. También intenté cambiar los atributos en los nodos VML DOM directamente usando las herramientas de desarrollo de IE, sin cambios. – user568458

-1

Sólo por todos aquellos que encontrar esta página y tienen el mismo problema. La solución es el tipo de documento utilizado. Debería (al menos desde GWT 2.x) usar el <!DOCTYPE html> si lo hace, Internet Explorer representa el ...

Fuente

2011-07-05 09:11:24 Jogilein

Disculpa, ¿podrías editar tu oración? No tiene sentido 100% –

Probé algunos doctypes diferentes, pero no hizo ninguna diferencia ... –

Al igual que Jaco Pretorius, doctype no hizo diferencia para mí. De hecho, el mío ya era '', y las variantes no hicieron diferencia. – user568458

Raphaeljs representa todo el texto como cursiva en IE

Respuesta

Cuestiones relacionadas