Drawing using JavaScript and jQuery

Drawing functionality is not supported in most of popular browsers except Firefox and Safari with Canvas object. Using little trick we can draw line and circle using JavaScript. This is not best practice because need lot of execution time but it can be alternative way to draw simple and little objects. Basically this trick is drawing many DIV elements with 1×1 pixel size inside the document. Basically we can t draw 1×1 pixel size DIV elements in IE. To resolve this issue, you can add IMG element inside the DIV with 1×1 pixel image. Here s the complete code to draw line and circle into HTML document.

Web Site
Demo