HTML5 canvas drawImage,如何保留图像源大小

时间:2017-06-07 11:55:04

标签: javascript html5 image canvas

obj = {}
obj["foo"] = "bar"
print hasattr(obj, "foo") # prints False

我使用HTML5画布获取base64编码的图像数据。但是,生成的base64编码字符串与使用外部软件对原始图像文件进行编码的情况不同且小一些。

我怀疑在画布上绘制的是在页面上呈现的调整大小/压缩的图像数据,而不是原始源数据。是这种情况,我怎样才能获得图像的原始字节?至关重要的是,原始字节不得以任何方式进行操作。

1 个答案:

答案 0 :(得分:0)

要在不压缩的情况下显示它,请更改画布本身的高度/宽度:

var img = new Image(); // var img = document.getElementById(_id);
img.onload = function() {
    var c = document.createElement('canvas');
    c.width = img.width;
    c.height = img.height;
    // ... other stuff        
};