調整jquery的寬度和高度的畫布，以適應圖像尺寸

Question

我有這就是香草工作的JavaScript代碼，而不是使用jQuery

這個工程：

image.src = 'data:image/png;base64,' + <base64>; 
c = document.getElementById('canvas-base'); 
c.height = image.height; 
c.width = image.width;    
      ctx = c.getContext("2d"); 

      image.addEventListener('load', function() { 
       ctx.drawImage(image, 0, 0); 
       ctx.stroke(); 
      }, true); 

，但是這是不工作：

c = $('#canvas-base'); 
c.height(image.height).width(image.width); 
      ctx = c[0].getContext("2d"); 
      image.addEventListener('load', function() { 
       ctx.drawImage(image, 0, 0); 
       ctx.stroke(); 
      }, true); 

與jQuery版本我得到一個拉伸的圖像。

爲什麼？

Answer 1

這是一個已知的bug：

• http://bugs.jquery.com/ticket/10125
• http://bugs.jquery.com/ticket/10040

只寫它像這樣：

c.attr({"height": image.height , "width": image.width});