browser - ブラウザ画面でhtml5キャンバス要素の場所を修正するにはどうすればよいですか?

Question

ブラウザーの画面サイズを調整すると、html5 キャンバスで作成されたアニメーションがブラウザーの別の場所に移動します。たとえば、元の場所は右上隅にあり、ブラウザー画面を小さいサイズにドラッグした後、場所は右側になります。下隅、ブラウザでhtml5キャンバス要素の場所を修正するにはどうすればよいですか?

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

注：それはあなたのアニメーションを殺すので、ページで運が悪いので、ブラウザが小さくなった場合、ユーザーはアニメーションを見るためにスクロールする必要があります...

ちょっとだけ*