we want the rotation to happen around the top left corner of our rectangle, we have to do something that might feel a bit unintuitive. First, we have to move the canvas to the position of our rectangle by using the translate() function. After calling the <code>rotate()</code> function, we then draw our rectangle at the top left corner of the translated canvas. As you can see, the rotation now happens around the rectangle.</p>

    <div class="grid">
      <div class="col-1-2">{% codesplit shape/figure-and-g