Dynamically resize canvas window with javascript/jquery?

Question

How can I resize a canvas with javascript/jquery?

Resizing using the css function and applying it to the canvas element just stretches the content as if you were str

Answer 1

 (function($) {  
        $.fn.extend({  
            //Let the user resize the canvas to the size he/she wants  
            resizeCanvas:  function(w, h) {  
                var c = $(this)[0]  
                c.width = w;  
                c.height = h  
            }  
        })  
    })(jQuery)

Use this little function I created to take care of resizing on the go. Use it this way --

$("the canvas element id/class").resizeCanvas(desired width, desired height)