使用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

這是一個已知的錯誤：

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

就像這樣寫：

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