{"id":1702,"date":"2009-10-09T00:03:55","date_gmt":"2009-10-09T07:03:55","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnackdev\/2009\/10\/sneak-peek-illustrator-flash-dreamweaver-canvas.html"},"modified":"2009-10-09T00:03:55","modified_gmt":"2009-10-09T07:03:55","slug":"sneak_peek_ai_fl_dw_canvas","status":"publish","type":"post","link":"https:\/\/jnack.com\/blog\/2009\/10\/09\/sneak_peek_ai_fl_dw_canvas\/","title":{"rendered":"Sneak peek: Illustrator + Flash + Dreamweaver -> CANVAS"},"content":{"rendered":"

Check out this demo of Illustrator handing vector art to Dreamweaver, and DW binding the artwork to data so that it can be displayed via the HTML5 CANVAS tag<\/a>:<\/p>\n

<\/embed><\/object><\/p>\n

Mordy Golding summarizes the demo<\/a> as follows:<\/p>\n

[The engineer] starts by taking art drawn in Illustrator and copies it to the clipboard. Then he goes into Dreamweaver, selects a DIV and chooses a function called Smart Paste. Dreamweaver then pastes an FXG<\/a> conversion of the Illustrator art directly into the page. If you aren’t familiar with FXG, it’s basically a better SVG* (you can get more information on the open source FXG spec here<\/a>). In other words, you draw in Illustrator, copy and paste into Dreamweaver (which converts it to code), and the art displays as vector art in a web browser<\/strong>. What’s more, the engineer proceeded to actually bind XML data to the chart.<\/p>\n<\/blockquote>\n

After that, the presenter copies an animation in Flash Professional as XML, then pastes it in DW as a CANVAS animation.<\/p>\n

It’s kind of funny to see this demo now, as Illustrator could export XML vector graphics (SVG) to the Web some 10 years ago. Later people made various efforts to display & manipulate SVG using Flash<\/a>. This new demo uses different tools & a different display engine to do similar things.<\/p>\n

I think this is a key point<\/strong>: Adobe makes money selling tools, not distributing viewing software<\/em>. Those tools must address customer needs. If Flash Player is the right choice for some projects & HTML\/CANVAS for others, no problem: we get paid to help you solve problems, not to force one implementation vs. another<\/strong>.<\/p>\n

* I have no idea whether FXG is “better” than SVG overall & don’t want to get into a debate on that subject. FXG is based on SVG but maps more closely to the Flash drawing model.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Check out this demo of Illustrator handing vector art to Dreamweaver, and DW binding the artwork to data so that it can be displayed via the HTML5 CANVAS tag: Mordy Golding summarizes the demo as follows: [The engineer] starts by taking art drawn in Illustrator and copies it to the clipboard. Then he goes into […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[32,34,2],"tags":[],"_links":{"self":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/1702"}],"collection":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":0,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/1702\/revisions"}],"wp:attachment":[{"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=1702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=1702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}