Creating a (moveable) grid
<p>What is the best way to create a movable/scalable grid? I currently use JQuery and Raphael, but I want to keep it as small as possible. My current method works as follows:</p>

<p>On each move/resize:
 - Calculate width/height
 - Remove all previous gridlines
 - Create (Width / Grid size) vertical lines (SVG)
 - Create (Height / Grid size) horizontal lines (SVG)</p>

<p>Is there a more effective way?</p>
