javascript - 写真にフィルターを適用するために camanJS を使用しています。現在、フィルターを適用すると写真がトリミングされるという問題が発生しています

Question

フィドルへのリンク

Javascript コードなしでプログラムを実行すると、トリミング効果なしで画像が完全に正常に読み込まれます。ただし、Javascript コードを使用してプログラムを実行すると、画像がトリミングされます。

HTML

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

カマンコード

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

Answer 1

<img>タグwidth="264"とを使用して画像のサイズを設定する代わりに、height="208"CSS を使用して幅と高さを設定します。

CSS

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

結果

JSFiddle