【发布时间】：2013-03-18 05:51:48
【问题描述】：
我在使用画布标签和 JavaScript 绘制复杂图像时遇到问题。
我需要一个工具，或者我们可以说编辑器，通过它我可以绘制任何图像。它使用画布返回 Javascript 代码，我可以将其包含在 html 页面中。
谢谢！
【问题讨论】：
标签： html editor html5-canvas
【发布时间】：2013-03-18 05:51:48
【问题描述】：
【讨论】：
-
哇！！真的是 gr8 项目..
-
这是一个很棒的工具人，谢谢分享，已经推特了
对于真正复杂的图像，使用 Adobe Illustrator 进行设计（世界级的设计编辑器）。
然后将您的图像保存为 .SVG 格式。
顺便说一句，您可以将文件（例如“yourArt.svg”）直接加载到 img 标签中。
但是，对于您的问题，您可以使用名为 FabricJS 的画布绘图库来读取 svg 并将其绘制到画布上。图书馆网址是：http://fabricjs.com/
或者，您可以使用在线转换工具将 yourArt.svg 转换为所需的画布绘图命令。一个流行的 svg-to-canvas 转换器是：http://www.professorcloud.com/svg-to-canvas/
一个警告...这些技术可能需要调整生成的画布绘制命令 - 特别是如果您的作品使用 Illustrator 中更高级的技术。
您的作品可能非常复杂，但仍需处理！查看 FabricJS 演示的 SVG 部分：http://fabricjs.com/kitchensink/
【讨论】：
-
环顾四周，如果您想创建和操作一些复杂的形状，这似乎是唯一真正的选择。 SVG（或其他矢量图形格式）的工具确实是一流的。
-
另外一个您可以使用的工具是Microsofts Expression Design，它现在似乎是免费的。可以选择导出为 SVG。
另一个很棒的在线工具叫做 HTML Canvas Studio。
它的行为与其他绘画程序一样，完成后，您可以将绘图导出为 HTML+JS。
该工具可以在这里找到： http://www.htmlcanvasstudio.com/
【讨论】：