如何在浏览器屏幕中修复html5 canvas元素的位置？

Question

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

Answer 1

类似的东西：

//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)
}

注意：这会扼杀你的动画，那么如果运气不好，那么如果浏览器变小，用户就必须滚动才能看到动画......

只是一个*