excanvas.js - библиотека, которая позволяет рисовать с помощью html5 в браузере Internet Explorer точно так же как и в нормальных браузерах. Библиотека поддерживает версии IE от 7 до 9.
Страница проекта: http://code.google.com/p/explorercanvas/
Встроить скрипт очень просто, использую условные комментарии:
<head> <!--[if IE]><script src="excanvas.js"></script><![endif]--> </head>
После этого можно приступать к рисованию. Но есть один очень важный момент: если мы рисуем какую-нибудь фигуру, начиная из определённой точки холста, то функция beginPath() должна предшествовать moveTo().
Т.е. к примеру такой код ничего не нарисует в IE, но будет работать, например, в Chrom'e:
context.beginPath();
context.moveTo(10,10);
context.lineTo(10,20);
context.lineTo(20,20);
context.lineTo(10,10);
Т.е. к примеру такой код ничего не нарисует в IE, но будет работать, например, в Chrom'e:
context.moveTo(10,10);
context.beginPath();
context.lineTo(10,20);
context.lineTo(20,20);
context.lineTo(10,10);
А если поменять местами первые две строчки, то всё будет ОК.
context.beginPath();
context.moveTo(10,10);
context.lineTo(10,20);
context.lineTo(20,20);
context.lineTo(10,10);
Ну и последнее. Если вы свои теги canvas создаете динамически c помощью Javascript, то необходимо инициализировать их:
var el = document.createElement('canvas'); G_vmlCanvasManager.initElement(el); var ctx = el.getContext('2d');
Приятного рисования!
Комментариев нет:
Отправить комментарий