4

我得到了一些使用 JavaScript / Html5 Canvas 制作的图形设计。

看看这里：http: //yeda.us/js/logos.js

现在，我需要将这个图形元素以某种他可以使用的格式提供给平面设计师：photoshop 或 Illustrator 友好格式。

现在，我当然可以截屏并从那里开始工作，但我确实需要这个矢量格式的图形，以便以后更可靠地使用。

有没有办法将上述代码转换为图形？也许以某种方式将其转换为SVG？

4

2 回答 2

5

查看SVGCanvas，它定义了一个与 HTML5 画布兼容的 API，可从绘图命令创建 SVG 输出。它可能无法处理所有事情，但是您的简单示例应该可以正常工作。

只需将代码的相关位粘贴到左侧文本区域之一并单击“执行”，然后从右侧的文本区域复制 svg 输出。

于 2012-01-05T16:58:33.617 回答
2

就像其他人评论的那样，没有工具可以帮助您进行 Canvas -> SVG 转换。但是，代码并没有太大的不同。由于您提供的示例很小，您可以使用 Raphael.js 生成 SVG 并将您发布的代码转换为 Raphael.js：

http://raphaeljs.com/

更新

多一点细节

  1. 包括 Raphael.js
  2. 逐行浏览您的脚本并尝试在 Raphael.js 中找到等效项。例如，你正在做的 rgb 颜色的东西会使用这个：http ://raphaeljs.com/reference.html#Raphael.rgb
  3. 运行生成的 js
  4. 保存生成的 SVG
于 2012-01-05T15:52:19.643 回答