Конвертация графики из Adobe Illustrator в HTML5 Canvas

Вам понравилась эта статья?

Конвертация графики из Adobe Illustrator в HTML5 Canvas«AI to Canvas» — бесплатный плагин, который конвертирует векторную графику в код JavaScript для отрисовки на Canvas. Он умеет справляться как со статическими изображениями, так и с анимацией. Сделала его команда разработчиков и дизайнеров Mix Online. Он работает на Windows и Mac OS X, поддерживает форматы Adobe Illustrator CS3, CS4 и CS5 и совместим с IE9, Chrome, Firefox, Safari и Opera.

Плагин также позволяет добавлять интерактивные элементы и звук, если написать пару строчек кода для вас не проблема.

При работе в Illustrator, просто пройдите в меню File > Export и выберите в списке «canvas». После этого будет сгенерирован код на HTML/JavaScript и различные дополнительные файлы (при необходимости). При этом вы можете редактировать полученный код на свой вкус. Плагин даже содержит встроенный дебаггер.

Adobe начала предлагать предварительную поддержку HTML5 в своем Illustrator только в прошлом месяце.

Вице-президент Adobe по дизайну и инженерным вопросам, Пол Габбэй, рассказал, что его компания фокусируется на творческой составляющей технологий. «Такое направление развития очень интересно, так как дает нам новые возможности», говорит Габбэй. Он отмечает, что Adobe хочет предоставить дизайнерам и разработчикам такие инструменты, которые позволят им создавать современные, полнофункциональные и захватывающие приложения для интернета и мобильных устройств.

Другими словами, хотя многие осуждают позицию Adobe в отношении веб-стандартов и политики по отношению к разработчикам, на примере противостояния «Flash против HTML5», компания видит большой потенциал в обеих технологиях и планирует обеспечить полную поддержку HTML5 в своих продуктах.

За более детальной информацией вы можете обратиться к официальной документации. Также вы можете посмотреть примеры использования плагина в блоге Майка Свенсона.

Вам понравилась эта статья?