Javascript Fabric.js直接从JSON转换为PNG
我需要从fabric.js创建保存的字符串化JSON的PNG缩略图 我有一个将JSON数据从画布保存到的数据库,但我需要从保存的JSON数据创建一个PNG缩略图库 而不是在页面上创建一堆画布并做类似的事情Javascript Fabric.js直接从JSON转换为PNG,javascript,jquery,json,fabricjs,Javascript,Jquery,Json,Fabricjs,我需要从fabric.js创建保存的字符串化JSON的PNG缩略图 我有一个将JSON数据从画布保存到的数据库,但我需要从保存的JSON数据创建一个PNG缩略图库 而不是在页面上创建一堆画布并做类似的事情 canvas.loadFromJSON(JSONDATA); thumbImage = canvas.toDataURL('png'); $(this).attr('src', thumbImage); 我需要直接从JSON数据创建PNG。这可能吗?如果可能,我该怎么做?JSON数据是Fa
canvas.loadFromJSON(JSONDATA);
thumbImage = canvas.toDataURL('png');
$(this).attr('src', thumbImage);
我需要直接从JSON数据创建PNG。这可能吗?如果可能,我该怎么做?JSON数据是FabricJS用于创建画布的一组指令。然后可以将画布转换为图像 因此,是的,您需要创建画布,然后创建图像 另一种方法是创建一个运行NodeJS的服务器,它可以运行FabricJS。最终,您将在那里执行相同的任务-创建画布,然后生成图像。但是这里的好处是,由于它是一个服务器进程,所以它会将文件直接保存到服务器上,因此这个任务可以自动化 但是设置服务器和编写脚本来执行此任务可能需要比您的任务所需的更多的工作,这取决于您需要多久执行一次
。这将使服务器启动并运行,但您还需要编写服务器脚本。您还有另一种方法,即创建一个生成画布并将其设置为无显示,创建一个隐藏画布以生成png,就像您可以从隐藏内容画布生成图像一样
<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>
var canvas=newfabric.canvas('c');
loadFromJSON(json);
canvas.toDataURL('png');