title: Split an img element into four equal sized smaller img elements using Javascript
body: <p>I am trying to figure out how to take a given <code>img</code> element and, using Javascript, split that <code>img</code> into four equal sized tiles. That is, the upper-left quadrant of the original image would become its own <code>img</code> element, as the same with the other three quadrants. However, I am at a loss as to how I could do this. Could somebody offer a starting point or explain how/if this could be done? Would it have to be brute pixel manipulation?</p>