绘图画布的编辑器

Question

我面临使用canvas标记和使用JavaScript绘制复杂图像的问题。

我需要一个工具，或者我们可以说编辑器，通过使用我可以绘制任何图像。它使用canvas返回Javascript代码，我可以将其包含在html页面中。

谢谢！

Answer 1

我有一个项目，您可以在其中绘制复杂的画布形状并将其导出为HTML文件。然后，您可以根据需要编辑文件

我的项目位于http://canvimation.github.com/

希望这有帮助

Answer 2

对于非常复杂的图像，请使用Adobe Illustrator进行设计（世界级的设计编辑器）。

然后以.SVG格式保存图像。

BTW，您可以将文件（例如“yourArt.svg”）直接加载到img标签中。

但是，更多的问题是，您可以使用名为FabricJS的画布绘图库来读取svg并将其绘制到画布上。图书馆网站是：http://fabricjs.com/

或者，您可以使用在线转换工具将您的Art.svg转换为所需的画布绘图命令。一个流行的svg-to-canvas转换器是：http://www.professorcloud.com/svg-to-canvas/

警告......这些技术可能需要调整生成的画布绘制命令 - 特别是如果您的图稿使用Illustrator中更高级的技术。

您的作品可能非常复杂，仍然可以处理！查看FabricJS演示的SVG部分：http://fabricjs.com/kitchensink/

Answer 3

另一个很棒的在线工具叫做 HTML Canvas Studio 。

它的行为与其他绘图程序类似，完成后，您可以将绘图导出为HTML + JS。

可以在此处找到该工具： http://www.htmlcanvasstudio.com/