Я использую camanJS, чтобы применить фильтр к фотографии. В настоящее время работает в вопрос, где применение фильтра культур ФОТОСНИМКА

Question

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(); 
}); 

Answer 1

Вместо того, чтобы устанавливать размеры изображения, используя <img> тег width="264" и height="208", установить ширину и высоту с помощью CSS.

CSS

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

Результат

JSFiddle