Windows

Ai til Canvas Plug-In, et HTML5 Canvas Utility for Adobe Illustrator fra MIX

Adobe Illustrator to HTML5 Canvas Plug-In Overview

Adobe Illustrator to HTML5 Canvas Plug-In Overview
Anonim

MIX Online har gitt ut et nytt prosjekt kalt Ai til Canvas Plug-In som gjør at Adobe Illustrator for å eksportere vektor og bitmap-bilder direkte til et HTML5 lerretelement som kan gjengis i en lerretaktivert nettleser som Internet Explorer 9.

Plugin-modulen gir tegne-, animasjons- og kodingsalternativer som hendelser slik at du kan bygge interaktive, godt utformede lerretsbaserte webapper.

Med utgivelsen av nettlesere som støtter HTML5 og relaterte teknologier, vil vi se webdesignere og utviklere bygge webapps som utnytter lerretet for å legge til tegnefunksjoner uten tillegg -in til nettleseren.

MIX Online-teamet har bygget en verktøy som lar deg ta et tegneprogram du er kjent med, og gjør det enkelt å eksportere til lerret.

  • Du bygger først eiendelene dine i Adobe Illustrator. Inkluder ting som eksisterende tegninger og bilder, eller til og med lage ny tegning som skal eksporteres. Plug-in kan brukes til å eksportere komplekse former, gradienter, transparenter, slipp skygger og alle slags ting. Du kan også lage animasjoner som rotasjon, fades, bevegelse, lettelse og utløsere.
  • Velg deretter Eksporter på Fil-menyen i Adobe Illustrator og velg lerret.
  • Det vil skape riktig kode for deg og eventuelle andre filer du vil trenge. Du kan deretter redigere disse som passer for din søknad.
  • Legg deretter filen / filene i en nettleser som støtter lerret, og du vil kunne se illustrasjonen din sammen med eventuelle animasjoner du måtte ha opprettet.

Den Ai til Canvas Plug-In er gratis og kjører både på Windows og Mac. Du må ha Adobe Illustrator CS5 installert på datamaskinen din.

Gå til Ai-> Plugin-prosjektet og last ned plugin-modulen

Også sjekk ut Mike Swansons Adobe Illustrator til XAML Export plug-in.