我正在使用 camanJS 对照片应用滤镜。目前 运行 遇到应用滤镜裁剪照片的问题

I am using camanJS to apply a filter to a photo. Currently running into an issue where the application of the filter crops the photo

Link to fiddle

每当我 运行 没有 Javascript 代码的程序时，图像加载完美，没有裁剪效果。但是，当我 运行 使用 Javascript 代码的程序时，图像会被裁剪。

HTML

<img src="my data:image" id= "hello" height = "208" width = "264">

卡曼代码

var vintage = $('#vintagebtn');
Caman("#hello", function () {
 this.vintage();
 this.render();
});

不要使用 <img> 标签 width="264" 和 height="208" 设置图片的尺寸，而是使用 CSS.

设置宽度和高度

CSS

#hello {
  width: 264px;
  height: 208px;
}

结果

JSFiddle