Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I was able to implement a simple solution based on a <a href="http://www.codicode.com/art/undo_and_redo_to_the_html5_canvas.aspx" rel="nofollow noreferrer">post by Chtiwi Malek at CodiCode</a>. I also used some of the code from this <a href="https://stackoverflow.com/questions/13866660/create-a-rectangle-with-mousedown-event-in-kineticjs">problem</a> as an example to draw rectangles, so credits go to them and Chtiwi.</p> <p>The only difference in my solution is I used toJSON() to store each layer state in an array instead of toDataURL() on the canvas. I think toJSON() is needed over toDataURL() to be able to serialize all the data necessary to store each action on the canvas, but I'm not 100% on this so if someone else knows please leave a comment.</p> <pre><code>function makeHistory() { historyStep++; if (historyStep &lt; history.length) { history.length = historyStep; } json = layer.toJSON(); history.push(json); } </code></pre> <p>Call this function everytime you want to save a step to undo or redo. In my case, I call this function on every mouseup event.</p> <p>Bind these 2 functions to the Undo/Redo events.</p> <pre><code>function undoHistory() { if (historyStep &gt; 0) { historyStep--; layer.destroy(); layer = Kinetic.Node.create(history[historyStep], 'container') stage.add(layer); } } function redoHistory() { if (historyStep &lt; history.length-1) { historyStep++; layer.destroy(); layer = Kinetic.Node.create(history[historyStep], 'container') stage.add(layer); } } </code></pre> <p>Here's the <a href="http://jsfiddle.net/projeqht/zNRAB/" rel="nofollow noreferrer">jsfiddle</a>. Don't forget to initialize the array and step counter up top. Good luck!</p>
    singulars
    1. This table or related slice is empty.
    1. POHow to create Undo-Redo in kineticjs?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USprojeqht
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to create Undo-Redo in kineticjs?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COthank you buddy that'll help
      singulars
      1. PO
      1. USsein
    2. CONo problem, consider accepting my answer if it works for you.
      singulars
      1. PO
      1. USprojeqht
    3. COIt works, but it didn't save the event for the example is layer.on("click",function(){}), is there any way to save the event too?
      singulars
      1. PO
      1. USsein
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload