HTML5 Canvas в 1С 8.3 или Google нам поможет.

image_pdfimage_print

Доброго времени суток!

Добрался я для написания маленьких тестов для 1С в плане web графики. Версии 1С 8.2.61 и 8.3.3.641.

Зайдем на http://www.w3schools.com/html/html5_canvas.asp и перенесем примеры в обработку 1С.

Скачать обработкe можно на инфостарте http://infostart.ru/public/174856

Результаты не радуют. 1С в Internet Explorer, как и в тонком клиенте Windows не работает ничего. Видно проверка в 1С идет именно на IE и все замещается и не работает. Без библиотеки excanvas.js она просто ругается, но и она не спасает. Все остальные браузеры показывают правильный результат. Видно руки 1С туда не дошли, как и в тонком клиенте на Linux.

HTML51CIE9
Меня 1C научила никогда не отступать от решения задачи, насколько сложной она не казалась с первого раза. Для этого надо понять, а как работает библиотека excanvas. Посмотреть на пример в http://infostart.ru/public/57648/. Да вспомнить, что до html5 Microsoft усиленно толкала свою систему VML (http://msdn.microsoft.com/en-us/library/ee384217%28v=vs.85%29.aspx). Вот она и прекрасно работает со старыми версиями движков IE. И excanvas это эмуляция функций обрисовки графиков html5 через эту систему. Значит 1С надо немного помочь. Посмотрев как эта библиотека работает в старых IE, получилось решение что нужно добавить в для 1С. Делаем дополнительный флаг «Довесок для 1С». Тестируем обработку HTML5-1С-min (см. вложение к статье). Ура, заработало. Делаем 1С ближе к HTML5.

Любителям «Такси» тоже сделаем картинку, пусть проверяютHTML51CThinkTaxiGood

Но таким методом не получиться протащить видео и звук в HTML5. Здесь мы отсылаем читателя к дальнейшим разработкам:  Звук и Видео на Windows.

 

И из дополнительного, что очень хочется сделать — показ катринок заменяя значение src в поле image.

СтраницаНТML = »
|< html >
|< head >
|< /head >
|< body >
|< div > Тест страницы < /div >
|< div > < img src='»+СсылкаНаКартинку+»‘/ > Тест картинки < / div >
|< / body >
|< / html > «;

А переменной СсылкаНаКартинку можно получить с помощью функций:

  • ПолучитьНавигационнуюСсылку
  • ПоместитьВоВременноеХранилище

И для полноты картины посмотрим как сама 1С выводит свои графики:

 

 

 

 

Просто делает динамически картинку во временном хранилище и ее показываем.

Добавить комментарий