Untitled Application Apple iPhone 6 False 667 375 False False False WebApp False en [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False

if (savehistory === true) {
        $App.myjson = JSON.stringify(window["Canvas"+$App.containerId]);
        $App.state.push($App.myjson);
}

savehistory|BOOLEAN|Save history JavaScript

if ($App.mods < $App.state.length) {
        window["Canvas"+$App.containerId].clear().renderAll();
        window["Canvas"+$App.containerId].loadFromJSON($App.state[$App.state.length - 1 - $App.mods - 1]);
        window["Canvas"+$App.containerId].renderAll();
        //console.log("geladen " + ($App.state.length-1-mods-1));
        //console.log("state " + $App.state.length);
        $App.mods += 1;
        //console.log("mods " + $App.mods);
}

JavaScript

if ($App.mods > 0) {
        window["Canvas"+$App.containerId].clear().renderAll();
        window["Canvas"+$App.containerId].loadFromJSON($App.state[$App.state.length - 1 - $App.mods + 1]);
        window["Canvas"+$App.containerId].renderAll();
        //console.log("geladen " + ($App.state.length-1-$App.mods+1));
        $App.mods -= 1;
        //console.log("state " + $App.state.length);
        //console.log("mods " + $App.mods);
}

JavaScript

window["Canvas"+$App.containerId].clear().renderAll();
$App.newleft = 0;

JavaScript fabInitialize "Container1" BeginJS $App.containerId="Container1"; window["Canvas"+$App.containerId].counter = 0; window["Canvas"+$App.containerId].selection = false; $App.state = []; $App.mods = 0; window["Canvas"+$App.containerId].on( 'object:modified', function () { $scope.updateModifications(true); }, 'object:added', function () { $scope.updateModifications(true); }); EndJS 192px 16px 456px 344px 16px 16px 160px 56px Add Rect RandomEx 10 400 [x] RandomEx 10 250 [y] Random 255 [r] Random 255 [g] Random 255 [b] SetVar [color] "rgb([r],[g],[b])" fabNewRect "Container1" "" [x] [y] 60 60 "[color]" updateModifications true BeginJS window["Canvas"+$App.containerId].counter++; EndJS 16px 80px 160px 56px Undo undo 16px 144px 160px 56px Redo redo 16px 208px 160px 56px Clear clearcan 0px 0px 667px 375px False