如何在Fabric.js中将画布导出为HTML?

时间:2012-03-08 16:43:11

标签: javascript canvas html5-canvas fabricjs

有没有办法使用fabricjs将带有多个对象的canvas元素导出到带有javascript代码的html?我知道我可以导出到JSON或toObject但这不是HTML。

我发现http://canvimation.github.com/有一个函数(文件>导出画布到html)将画布绘图导出到本机html代码。这可能与fabricjs有关吗?

1 个答案:

答案 0 :(得分:2)

Fabric仅支持导出到(它自己的)对象表示 JSON (基本上是该对象表示的序列化)和 SVG

如果你的目标是在Fabric中创建一些东西,然后将其导出以便在不支持canvas的环境中使用,那么也许你可以使用SVG - 只要在那个环境中支持SVG。

你还必须明白,没有“本地HTML代码”这样的东西。有不同版本的HTML - HTML4,HTML5等.Canvas被认为是part of current HTML standard (HTML5)。所以在画布上画一些东西绝对可以被认为是“使用原生的html代码”;)

如果你想在没有画布且没有SVG 的情况下重新创建织物渲染,那么真正没有任何结构可以帮助你。尝试提供复杂SVG形状,图像(在各种变换下,如缩放/旋转)和其他对象的无画布渲染将是不必要的复杂。