将 adobe illustrator（或 SVG）文件转换为 KineticJS 路径答案

【问题标题】：convert adobe illustrator (or SVG) files into KineticJS Paths将 adobe illustrator（或 SVG）文件转换为 KineticJS 路径
【发布时间】：2013-05-18 07:20:37
【问题描述】：

我正在使用 KineticJS 构建一个场景，我想在画布上添加一些矢量图，并且我提供了许多 Adobe Illustrator 文件，其中包含要添加到场景中的形状。

如何将这些转换为正确的路径属性以在我的 KineticJS 场景中绘制形状？

我看到了这个问题：Loading SVG in KineticJS，但他们特别询问了我可以访问 RAW *.ai 文件的 SVG 文件。

【问题讨论】：

Fabric.js 支持导入 SVG 并将其转换为可通过编程访问和修改的对象
谢谢，但我现在正在使用 KineticJS，你是说我可以同时使用还是应该切换？
我不确定 Kinetic 是否支持 SVG，但在 Fabric 中我们花了很多时间在上面，所以我说这是一个可行的选择 :)
它究竟是如何工作的？它只是将路径和组件转换为等效的画布绘图命令吗？

标签： javascript canvas svg kineticjs

【解决方案1】：

我的回答需要注意：您需要访问 Adobe Illustrator...免费试用版可以使用！

查看 Mike Swanson 的创建画布绘图的 AI 转换器。

如果任何 .ai 子元素无法转换为上下文绘制，他的转换器甚至会为该元素创建光栅图像，同时仍然创建可以上下文绘制的内容。

它已针对 CS6（最新的 AI 版本）进行了更新。

http://blog.mikeswanson.com/post/29634279264/ai2canvas

【讨论】：

这是一个很好的开始，插件工作并创建了非常好的 html5 绘图代码，然后我可以使用它来创建我自己的 Kinetic.Shape 对象并覆盖 draw() 函数
你是如何重写绘图函数的？