我的 Canvas ID 是“canvas-panel” 我想在转到下一页时使用 localStorage 对象值重绘我的 Canvas 。我正在使用 localStorage 对象获取 Canvas 对象，如下所示:
var myCanvas = JSON.parse(localStorage.getItem('canvas'));
JSON 格式:
{
"objects":[
{
"type":"image",
"originX":"left",
"originY":"top",
"left":42,
"top":311,
"width":100,
"height":100,
"fill":"rgb(0,0,0)",
"stroke":null,
"strokeWidth":1,
"strokeDashArray":null,
"strokeLineCap":"butt",
"strokeLineJoin":"miter",
"strokeMiterLimit":10,
"scaleX":1,
"scaleY":1,
"angle":0,
"flipX":false,
"flipY":false,
"opacity":1,
"shadow":null,
"visible":true,
"clipTo":null,
"backgroundColor":"",
"fillRule":"nonzero",
"globalCompositeOperation":"source-over",
"src":"http://stg.souqueen.com/media/catalog/product/cache/1/image/300x300/9df78eab33525d08d6e5fb8d27136e95/1/9/19b_1024i1.PNG",
"filters":[
],
"crossOrigin":"",
"alignX":"none",
"alignY":"none",
"meetOrSlice":"meet"
}
],
"background":""
}
我正在这个线程的帮助下获取所有 Canvas 对象 Select All the objects on canvas using Fabric.js
最佳答案
你已经得到了你的 json。所以现在在下一页你可以使用这个导入对象:
canvas.loadFromJSON(myCanvas, canvas.renderAll.bind(canvas))
关于javascript - 在 FabricJs 中使用 localStorage 对象重绘 Canvas ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33067971/