Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Could you explain why you need to push and pop transformation state?</p> <p>In svg you don't really need to do that, the browsers do it for you. If you want a particular transform to apply to an element then just add a <a href="http://www.w3.org/TR/SVG11/coords.html#TransformAttribute" rel="nofollow">transform attribute</a> to it. You can make a transform apply to many elements by using <code>&lt;g&gt;</code> elements (in Raphaël there's <a href="http://raphaeljs.com/reference.html#Paper.set" rel="nofollow">Paper.set</a>, which can be used like a <code>&lt;g&gt;</code> element, and you have the <a href="http://raphaeljs.com/reference.html#Element.transform" rel="nofollow">Element.transform</a> method to set the transforms).</p> <p><strong>Update:</strong></p> <p><code>context.save()</code> - in svg terms this would be to take the current transformation matrix (CTM) of the element at a given time and storing it somewhere, in Raphaël I guess this might be <a href="http://raphaeljs.com/reference.html#Element.transform" rel="nofollow">Element.transform()</a> (I'm not 100% sure if it includes whole stack of transformations or not, anyway, in pure svg the CTM can be fetched via the <a href="http://www.w3.org/TR/SVG11/types.html#__svg__SVGLocatable__getCTM" rel="nofollow">getCTM()</a> method which is available on all elements). One way of doing this would be to insert a <code>&lt;g&gt;</code> element with the transformation you want.</p> <p><code>context.restore()</code> - in svg this would be equivalent to removing a transformation from the list of transforms, but note that in svg siblings don't "inherit" the transformation (this is unlike html5 canvas or OpenGL where the currently set matrix is just applied to anything you draw after setting the transform). If you want a transform to apply to many elements then you create a <code>&lt;g&gt;</code> which has the transformation that should apply to all the children of that element, and to restore you just insert elements to the parent of the <code>&lt;g&gt;</code> instead. Raphaël doesn't have any built-in support for the <code>&lt;g&gt;</code> element (unless you count Element.set, which is a similar concept), a guess for why Raphaël does this is that it's to prevent people from trying to do things like this since it becomes very easy to bloat the DOM without realizing it (remember, SVG is a <a href="http://en.wikipedia.org/wiki/Retained_mode" rel="nofollow">retained mode</a> graphics format, unlike canvas and OpenGL).</p>
    singulars
    1. This table or related slice is empty.
    1. POHow can we Save and Restore transformation states in RaphaelJS
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USErik Dahlström
    1. USErik Dahlström
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI need save() and restore() functionality because I want to write easily understandable code. Lets say, I want to draw a rectangle, and then want to draw a circle at an offset relative to rectangle (0, 50). But later, I want to draw another circle relative to that same rectangle somewhere relatively at (50,0). I have no way of saying go back to the state I was in when I drew the rectangle. Push() and Pop() would help me with that.
      singulars
      1. PO
      1. USbits
    2. COSomeone who has some any opengl programming or HTML5 canvas programming would know why something like save() and restore() of transformation states is something we can't live without. Not sure why this isn't available in Raphael by default. I hope someone implements this.
      singulars
      1. PO
      1. USbits
 

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