《JavaScript高效图形编程(修订版)》——6.6 画布导出器

  1. 云栖社区>
  2. 博客>
  3. 正文

《JavaScript高效图形编程(修订版)》——6.6 画布导出器

异步社区 2017-05-02 13:46:00 浏览788
展开阅读全文

本节书摘来自异步社区《JavaScript高效图形编程(修订版)》一书中的第6章,第6.6节,作者:【美】Raffaele Cecco著,更多章节内容可以访问云栖社区“异步社区”公众号查看

6.6 画布导出器

画布完全由JavaScript控制,因此了解JavaScript是充分利用画布的前提。基于标记语言的方式无法来访问画布功能。不过倒是出现了画布导出器和转换器,它们可以生成绘制画布需要的JavaScript代码。这对JavaScript能力较弱的设计师来说是个极好的消息,对程序员来说也是如此,因为通过输入画布命令的方式手动创建精致的矢量艺术是枯燥且易出错的。

Adobe Flash CS5+
Adobe的Flash CS5+有一个画布导出器可以将部分Flash导出为JavaScript 画布源代码。这对想兼顾Flash和画布的开发者很有用。然而,由于该解决方案需要购买Flash创作工具,它对仅仅想开发画布的人来说可能不太划算。

Canvg

Canvg(如图6-1所示)是一个用画布绘制SVG数据的JavaScript库。不幸的是,其画布 JavaScript语句没有以任何形式保存下来,因此你必须始终包含Canvg库来绘制SVG。

SVG-to-Canvas

这个在线工具将静态的SVG转换为JavaScript的画布函数。它使用了一个修改版的Canvg库。

AI-Canvas

这个复杂的Adobe Illustrator插件(如图6-2所示)可以转换静态图片和动画。如果插件遇到不能转换的图像元素,它会把这些元素转换成位图。所有这些图像元素都被转化为可以进一步修改的画布JavaScript函数。
screenshot

screenshot

网友评论

登录后评论
0/500
评论
异步社区
+ 关注