¿Es posible hacer que Excanvas funcione en IE 8?

Solía ​​trabajar en un plugin jQuery llamado ‘BeautyTips’ y estaba funcionando bien. Pero, desde que instalé IE 8, este complemento deja de funcionar porque necesita Excanvas para que IE dibuje los vectores, las imágenes, etc.

Intenté descargar la versión más nueva de Excanvas, pero no funciona en absoluto …

Intente anexar el elemento canvas al documento antes de inicializarlo utilizando excanvas:

var foo = document.getElementById("targetElementID"); var canvas = document.createElement('canvas'); canvas.setAttribute("width", 620); canvas.setAttribute("height", 310); canvas.setAttribute("class", "mapping"); foo.appendChild(canvas); canvas = G_vmlCanvasManager.initElement(canvas); 

El nuevo modo de “estándares” de IE8 desactiva algunas características no estándar. Entre ellos, VML, que es utilizado por excanvas. Acabo de configurar el modo IE7 ‘estándares’, por lo que todavía funciona.

  

Frustrante, pero no sé de ninguna ventaja presentada por IE8.

Sí, tengo excanvas trabajando en el modo de estándares IE8 (solo probado para el uso que requerimos). En la función CanvasRenderingContext2D_ comenté la línea:

//el.style.overflow = 'hidden';//fix IE8

El ancho y la altura del nodo del objeto el era de 0px por 0px, por lo que no establecer el desbordamiento en oculto hizo visible el elemento renderizado.

Cambié el orden de creación del canvasPieTimer un poco, para obtener el resultado requerido. Espero que esto sea útil.

¿Estás seguro de que tienes instalada la versión más reciente de excanvas.js? (lanzado en marzo de 2009, alojado en la nueva página del proyecto Google Code)

Utilicé el complemento de consejos de belleza en IE8 y AFAIK funcionó en modo nativo IE8.

La última versión del complemento de bt soluciona este problema para mí.

Agregar una etiqueta canvas como una cadena de html con jquery no funciona con la nueva versión de excanvas. Primero debe usar document.createElement (‘canvas’).

si alguien todavía tiene este problema: Beauty Tips versión 0.9.5 corrige este problema. sin embargo, si tiene que usar una versión anterior (como yo, ya que la nueva versión introdujo un problema con los consejos que se cierran prematuramente en mi página), debe reemplazar la línea 530 con estas líneas:

 var canvas = document.createElement('canvas'); $(canvas).attr('width', (numb($text.btOuterWidth(true)) + opts.strokeWidth*2)).attr('height', (numb($text.outerHeight(true)) + opts.strokeWidth*2)).appendTo($box).css({position: 'absolute', top: $text.btPosition().top, left: $text.btPosition().left, zIndex: opts.boxzIndex}); 

Espero eso ayude.

Intereting Posts