Databases
StackOverflow2013
Postsdbo
POWorking with Multiple Layers - KineticJS
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWorking with Multiple Layers - KineticJS
    primarykey
    data
    text
    <p>I'm using KineticJS 4.0.5 and I'm currently trying to draw the contents of several layers but only the last one added to stage is drawn... If I understood the documentation correctly this should be possible, otherwise why would we need a layer?</p> <p>I have three different layers:</p> <ul> <li>a background layer with just a Kinectic.Rect object;</li> <li>a elements layer with several types of shapes;</li> <li>and a top layer with elements I want to be always on top of everything.</li> </ul> <p>I populate those layers inside a draw function I have inside a object I created, this object also has a shape attribute which refers to the background and a contents attribute with the elements to add to the elements layer. My code for the draw function is the following:</p> <pre><code>this.draw = function() { var stage = E.game.stage, layers = E.game.layers; stage.clear(); // Add Background this.shape.setSize(stage.getWidth(), stage.getHeight()); layers.background.add(this.shape); // Iterate over contents for(var i = 0; i &lt; this.contents.length; i++) { layers.elements.add(this.contents[i].shape); } // Draw Everything stage.add(layers.background); stage.add(layers.elements); stage.add(layers.top); // This one is currently empty stage.draw(); } </code></pre> <p>After running this function, only layers.top is drawn in the canvas, and if I comment the line where it is added only layers.elements is drawn. However the stage has 3 childrens (I checked it with inspect element on chrome) and in the documentation it says the draw function draws all layers... Am I doing something wrong here? Or it isn't possible? And if it's not possible why would I need a layer and a stage? Wouldn't one be enough?</p> <p>Thank you in advance.</p> <p><strong>Edit</strong>: I was able to solve the problem, I was applying a white background color with css to the canvas element and since each layer creates a new canvas element above the others I could only see the contents for the top most layer (in this case just white).</p> <p>However, I still have a problem related with multiple layers that I didn't have before with just one layer. When I use the clear function on the stage it should clear the layers right? But instead the layers remain exactly the same, even if I try to call clear on each individual layer they won't change... I'm also using the stage draw function after clearing them but still no changes at all... The only solution I found until now was by removing the layer from the stage and adding it again :s Is there a better way to reset the layers contents?</p> <p>Thank you again and sorry for the confusion with the first question.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAnakin
    1. USAnakin
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWorking with Multiple Layers - KineticJS
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWorking with Multiple Layers - KineticJS
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POWorking with Multiple Layers - KineticJS
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO+1 for autoanswer. I was having the same issue!
      singulars
      1. POWorking with Multiple Layers - KineticJS
      1. USJav Rok
 

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