如果我画了一些东西，是否有一个工具可以将其转换为javascript / canvas指令？

Question

我想尝试在javascript + canvas中创建形状..是否有工具将图形转换为js代码？

Answer 1

查看Processing.js。

Answer 2

如果碰巧有Flash，你可以使用Vector最新发布的Swiffy工具以Vector格式绘制并转换为javascript和canvas：http://swiffy.googlelabs.com/

当然，如果你没有Flash那么这对你来说没什么用。

另一种选择可能是使用DeviantART的muro网络应用程序：http://muro.deviantart.com/。这是一个仅使用javascript和canvas制作的绘图应用程序，对于Web应用程序来说它看起来非常糟糕。我不知道你是否可以得到你的绘图来源，你必须尝试一下。

Answer 3

是的，有这样的在线工具！

它被称为 HTML Canvas Studio 。 它允许您绘制任何想要的内容，就像在其他Paint程序中一样。 完成后，只需将其导出到HTML + JS。

您可以在此处找到它：http://www.htmlcanvasstudio.com/

Answer 4

我找到了一种方式（某种程度）：

1. 使用Inkscape绘制内容，另存为svg
2. 打开svg文件，找到 形状的定义（某事 比如M10 10L90 90）
3. 在...中使用它     js框架Raphaël：     paper.path("M10 10L90 90");