绘制画布的编辑器



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

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

谢谢!

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

我的项目是在http://canvimation.github.com/

希望对大家有所帮助

对于非常复杂的图像,使用Adobe Illustrator进行设计(一个世界级的设计编辑器)。

然后将图像保存为. svg格式。

顺便说一句,你可以将文件(例如"yourArt.svg")直接加载到img标签中。

但是,对于您的问题,您可以使用一个称为FabricJS的画布绘图库来读取svg并将其绘制到画布上。图书馆网址:http://fabricjs.com/

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

一个警告…这些技术可能需要调整最终的画布绘制命令-特别是如果你的作品使用Illustrator中更高级的技术。

你的作品可以非常复杂,但仍然可以处理!查看FabricJS演示的SVG部分:http://fabricjs.com/kitchensink/

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

它的行为像其他绘画程序,当你完成后,你可以导出绘图到HTML+JS。

工具可以在这里找到: http://www.htmlcanvasstudio.com/

最新更新