fengyuanchen cropper + caman in Meteor

Question

У меня проблема с использованием как обрезчика, так и камана. Я скопировал код, предоставленный fengyanchen, и немного изменил его для Meteor. Каман работает, но сборщик не инициирует.

Код: http://codepen.io/chenfengyuan/pen/wMrVQY

HTML

<template name="Test"> 
{{ > index }} 
<div class="container"> 
    <h1 class="page-header">Use Cropper with CamanJS</h1> 
    <p id="upload"> 
     <input id="file" type="file"> 
    </p> 
    <p id="handle" style="display:none"> 
     <button class="btn btn-primary" id="brightness">Brightness</button> 
     <button class="btn btn-primary" id="contrast">Contrast</button> 
    </p> 
    <p> 
     <canvas id="canvas" style="max-width:100%;"></canvas> 
    </p> 
</div> 

Мои события обработчик:

... (функции, скопированные, как это предусмотрено в ссылке)

Template.Test.events({ 
'change #file':function(event,template){ 

    if (URL) { 
     var files = event.target.files; 
     var file; 

     if (files && files.length) { 
      file = files[0]; 

      if (/^image\/\w+$/.test(file.type)) { 
       startCaman(URL.createObjectURL(file)); 
      } else { 
       window.alert('Please choose an image file.'); 
      } 
     } 

    } else { 
     $file.prop('disabled', true); 
    } 
} 

})

Answer 1

Он работал, когда я сделал следующее:

• давая холст ширина & высота

• удаления вар $ холст на самом верхнем уровне, и заменив его на настоящем холсте селектор везде