javascript - Fabric.js 直接从 JSON 到 PNG

标签 javascript jquery json fabricjs

我需要从 fabric.js 创建已保存的字符串化 JSON 的 PNG 缩略图

我有一个数据库,我正在将 Canvas 中的 JSON 数据保存到其中,但我需要从这个保存的 JSON 数据创建一个 PNG 缩略图库。

而不是在页面上创建一堆 Canvas 并执行类似的操作。

canvas.loadFromJSON(JSONDATA); 
thumbImage = canvas.toDataURL('png');
$(this).attr('src', thumbImage);

我只需要直接从 JSON 数据创建 PNG。这可能吗?如果可以,我该怎么做?

最佳答案

您还有另一种替代方法,即创建一个生成 Canvas 并使其不显示,创建一个隐藏 Canvas 来生成您的 png,就像您可以从隐藏内容 Canvas 生成图像一样。

<canvas id='c' width='150' heigh='150' style='display: none;'><canvas>

<script>
    var canvas = new fabric.Canvas('c');
    canvas.loadFromJSON(json);
    canvas.toDataURL('png');
</script>

关于javascript - Fabric.js 直接从 JSON 到 PNG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33153063/

相关文章:

javascript - 当元素从动态创建的页面加载到文档中时运行函数

php - 为什么我对数组进行 JSON 编码时出现\r\n

javascript - 如何从 JavaScript 中的 join() 值中仅获取键值?

jquery - 不引人注目但可用的跨度按钮?

javascript - 按类型或类而不是索引获取子节点

javascript - 一种限制公共(public)访问的简单数据存储模式

javascript - Node.js 原型(prototype)继承

javascript - google map place API如何从建议中删除国家名称

javascript - 如何获得最具体的 X 使得 y instanceof X 为真?

javascript - 单击 Google map 标记的 ajax 请求后加载 map