Преначертайте платно с помощта на обект localStorage във FabricJs

Идентификаторът на моето платно е "панел-платно". Искам да преначертая платното си, като използвам стойността на обекта localStorage, когато отида на следващата страница. Получавам обект canvas, използвайки обект localStorage като по-долу:

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":""
}

Получавам всички обекти на платното с помощта на тази нишка Избери всички обектите върху платно с помощта на Fabric.js


javascript canvas html fabricjs
person Hussain    schedule 11.10.2015    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Имате своя json. Така че сега на следващата страница можете да импортирате обектите, като използвате това:

canvas.loadFromJSON(myCanvas, canvas.renderAll.bind(canvas))

person Harsh Makani    schedule 11.10.2015
comment
Зарежда се ново платно, но не променя съществуващото платно, правя ли нещо нередно? - person Hussain; 12.10.2015
comment
проверете canvas, който използвате. Може да е проблемът. - person Harsh Makani; 12.10.2015