Image Rendering in Broswer

The purpose of this project is to generate a series of polygons in a browser from information in a database. A single table holds the top-left coordinates necessary to draw the polygons. The image output format should be png (unless something that renders faster is available that also allows transparency and anti-aliasing). Anti-aliasing should be used for smooth diagonal lines. See attached for detail on the table structure and image rendering. Please note, the code should be clean, well commented and formatted. I do have some coding experience, so I'd like it such that the code is clean so that I can maintain it myself in the future. It is vital that this be written for maximum speed in image rendering.