6

我在使用画布标签和 JavaScript 绘制复杂图像时遇到问题。

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

谢谢！

4

3 回答 3

11

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

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

希望这有帮助

于 2013-03-18T17:18:32.440 回答
6

对于真正复杂的图像，使用 Adob​​e 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/

于 2013-03-18T06:04:45.463 回答
2

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

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

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

于 2013-09-18T07:09:56.140 回答