Windows

Ai sa Canvas Plug-In, isang HTML5 Canvas Utility para sa Adobe Illustrator, mula sa MIX

Ai2Canvas Tutorial 1 - Artwork

Ai2Canvas Tutorial 1 - Artwork
Anonim

MIX Online ay naglabas ng isang bagong proyekto na tinatawag na Ai sa Canvas Plug-In Illustrator upang mai-export ang vector at bitmap na likhang sining nang direkta sa isang elemento ng HTML5 canvas na maaring ma-render sa canvas na pinagana ng browser tulad ng Internet Explorer 9.

Ang plug-in ay nagbibigay ng mga pagpipilian sa pagguhit, animation at coding tulad ng mga kaganapan upang maaari kang bumuo interactive, mahusay na dinisenyo na mga web application na batay sa canvas.

Gamit ang paglabas ng mga browser na sumusuporta sa HTML5 at mga kaugnay na teknolohiya, makikita namin ang mga web designer at mga developer na bumuo ng mga web app na sinasamantala ang tag ng canvas upang magdagdag ng mga kakayahan sa pagguhit nang walang isang add -in sa browser.

Ang koponan ng MIX Online ay nagtayo ng isang tool na nagbibigay-daan sa iyo upang kumuha ng application na guhit na pamilyar ka at gawing madali upang i-export sa canvas.

  • Unang binuo mo ang iyong mga asset sa Adobe Illustrator. Isama ang mga bagay tulad ng mga umiiral na mga guhit at mga imahe, o lumikha ng mga bagong guhit na mai-export. Maaaring gamitin ang plug-in upang i-export ang mga kumplikadong hugis, gradient, transparency, drop shadow at lahat ng uri ng mga bagay.
  • Pagkatapos ay piliin lamang ang I-export sa menu ng File sa Adobe Illustrator at piliin ang canvas.
  • Ito ay bubuo ng angkop na code para sa iyo at anumang mga karagdagang file kakailanganin mong. Pagkatapos mong i-edit ang mga ito kung naaangkop para sa iyong application.
  • Pagkatapos ay i-load ang (mga) file sa isang browser na sumusuporta sa canvas at magagawa mong tingnan ang iyong ilustrasyon kasama ang anumang animation na maaaring nilikha mo.

Ai sa Canvas Plug-In ay libre at tumatakbo sa parehong Windows at Mac. Kakailanganin mong magkaroon ng Adobe Illustrator CS5 na naka-install sa iyong computer.

Pumunta sa project ng Ai-> Canvas Plug-In at i-download ang plug-in. tingnan ang Adobe Illustrator ni Mike Swanson sa XAML Export plug-in.