Я намагаюся використовувати елемент полотна HTML5, щоб намалювати деякі дуги та кола - це чудово працює у FF, але IE8, схоже, не підтримує його.
Зараз існують бібліотеки Javascript, які, здається, змушують IE8 добре працювати з Canvas. Приклад можна знайти тут .
Я прочитав ціле їх джерело, але не можу зрозуміти, як вони змушують Canvas працювати з IE8. Чи може хтось, будь ласка, пролити світло на використаний метод?
Відповіді:
Сторінка використовує excanvas - бібліотеку JS, яка імітує елемент полотна, використовуючи візуалізатор VML IE.
Зауважте, що в Internet Explorer 9 тег полотна підтримується спочатку ! Детальніше див. У документах MSDN ...
Ви можете спробувати fxCanvas: https://code.google.com/p/fxcanvas/
Він реалізує майже всі Canvas API в межах флеш-шима.
Ви можете використовувати нещодавно випущений плагін Chrome Frame для IE, але він вимагає, щоб веб-сайт HTML 5 містив спеціальний мета-тег, що дозволяє плагін.
http://code.google.com/chrome/chromeframe/
Здається, Chrome Frame використовує Explore Canvas (excanvas.js).
На даний момент ExplorerCanvas - це єдиний варіант емуляції полотна HTML5 для IE6, 7 і 8. Ви також маєте рацію щодо його продуктивності, яка досить низька.
Я знайшов симулятор частинок, який тестує різницю між справжньою обробкою полотна HTML5 у Google Chrome, Safari та Firefox проти ExplorerCanvas в IE. Результати показують, що основні браузери, які підтримують тег canvas, працюють приблизно в 20-30 разів швидше, ніж емульований HTML5 в IE з ExplorerCanvas.
Я сумніваюся, що хтось докладе зусиль, щоб створити альтернативу, оскільки 1) excanvas.js приблизно так само чітко закодований, як і 2) коли виходить IE9, всі основні браузери нарешті підтримають об'єкт canvas. Сподіваємось, ми отримаємо IE9 протягом року
Ерік @ www.webkrunk.com
excanvas.jsдосить важкий файл (чи не так?)?
Якщо вам потрібно використовувати IE8, ви можете спробувати цю бібліотеку JavaScript для векторної графіки. Це як одночасне вирішення несумісності IE8 "canvas" та "SVG".
Я просто спробував це на швидкому прикладі, і він працює правильно. Я не знаю, наскільки розбірливим є вихідний код, але, сподіваюся, він вам допоможе. Як вони сказали на своєму сайті, бібліотека сумісна з дуже старими дослідниками.
Наразі Raphaël підтримує Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ та Internet Explorer 6.0+.
Я просто використовував flashcanvas , і це мені вдалося. Якщо у вас виникають проблеми, просто переконайтеся, що прочитали застереження та інше. Зокрема, якщо ви динамічно створюєте елементи полотна, вам потрібно їх явно ініціалізувати:
if (typeof FlashCanvas != "undefined") {
FlashCanvas.initElement(canvas);
}