Bonsai.js是一套轻量级的JavaScript绘图库，内有一个SVG 渲染器。简单易用，而且支持各种多媒体资源包括音频、视频、图片、字体等等。  AlloyDesigner:网站前端开发效率工具是一款来自腾讯AlloyTeam的前端开发效率工具，旨在提高前端开发质量与效率，使用它之后，可以改变以往的开发模式，支持浏览器插件。

AlloyDesigner 的创意来自于“临摹”的灵感，使用AlloyDesigner后，你可以把设计稿拖进你的Web页面铺在页面的最底层，然后就可以对着设计稿来构建dom元素和css样式啦，这样子是不是直观了很多?通过AlloyDesigner直观地调整页面，迅速达到与视觉稿一致的目的。

AlloyDesigner 重新定义了Web页面构建的模式，页面构建过程中，AlloyDesigner直接嵌入你的Web页面中运行，帮助你精准、高效的构建Web页面的 UI!AlloyDesigner 是用 html5 开发的、直接嵌入在Web页面中运行的可视化Web构建工具。

AlloyDesigner预计节省您40%的UI开发时间，每天多40%的时间一起喝杯咖啡如何?

1、Chrome插件支持:支持Chrome插件方式，轻松打开视觉稿进行体验、开发、测试;

2、嵌入代码库方式，全面支持IE7+:<script src='alloydesigner.js' type='text/javascript'></script>

3、收藏夹工具支持:无需手动嵌入代码,添加至Chrome、Mordern IE收藏栏使用。

4、强大记忆恢复功能:刷新后恢复上次状态，无需重新调整视觉稿位置;

5、便利的快捷键操作:使用易记的快捷键操作，进一步提高开发效率；

6、稳固的基础功能:固定视觉稿，调节透明度，测试开发等基础功能强健；

7、丰富的开发辅助工具:包含测距工具、CSS助手与取色器等快捷工具。

链接: https://fly63.com/nav/600