隨着HTML5畫布...如何保持比例？

// set canvas to fullscreen 
$("canvas").attr('height',$(document).height()); 
$("canvas").attr('width', $(document).width()); 

//load bkgd img to canvas 
function dwg(){ 
    $("canvas").drawImage({ 
      source: "img/bkgd.jpg", 
      x: 0, 
      y: 0, 
      height : $(document).height(), 
      width : $(document).width(), 
      fromCenter: false 
     }); 
    } 
dwg(); 
// resize window event 
$(window).resize(function(){ 
     //console.log($(window).height()+', '+$(window).width()); 
     $("canvas").attr('height',$(document).height()); 
     $("canvas").attr('width', $(document).width()); 
     dwg(); 
    }); 

// Stop distort w/ jcanvas 
$("canvas").scaleCanvas({ 
     x: 100, y: 100, 
     width: 1, height: 1 
})

即使在背景調整大小的情況下，此圖像仍應保持全色背景（某些裁剪可以）。隨着HTML5畫布...如何保持比例？

這是使用jcanvas庫http://calebevans.me/projects/jcanvas/

建議，請？

這裏還有一個繪圖功能，爲簡潔起見我省略了它。

來源

2011-09-27 CAM