title: How do I get the screen coordinates of origin after a bunch of transforms P5.js
body: <p>I'm trying to track the position of an object so I can draw a trail behind it in <code>p5.js</code>. </p>
  
  <p>I'm moving the object around the screen with the <code>translate()</code> and <code>rotate()</code> functions, and in order to draw a trail I was going to store the object's position after each update in an array. I'm aware there was something like what I'm asking for in processing 3, <code>the model X, Y and Z functions</code>, but as far as I can tell these haven't been implemented in the javascript version yet. </p>
  
  <p>Even accessing the canvas's current transform matrix is proving problematic, and at this point I'm considering a redesign to omit the transform part of the api until this functionality is added. </p>
  
  <p>So my question basically is: <strong>is there any way to determine the screen(canvas) coordinates of (0, 0) after applying a bunch of transforms?</strong></p>