Browser 如何修复浏览器屏幕中html5画布元素的位置？

如果我调整浏览器的屏幕大小，html5画布创建的动画将移动到浏览器中的不同位置，例如，原始位置在右上角，将浏览器屏幕拖动到小尺寸后，该位置在右下角，如何固定html5画布元素在浏览器中的位置

类似于：

//Get the canvas &
var c = $('#canv'),    
    container = $(c).parent();

//Run function when browser resizes
$(window).resize( canvasRemake );

function canvasRemake(){ 
    c.attr('width', $(container).width() );
    c.attr('height', $(container).height() );

    //Call a function to redraw other content (texts, images etc)
}

注意：这将杀死你的动画，那么幸运的是页面，所以如果浏览器变小，用户将不得不滚动查看动画

---

请提供产生此问题的代码。