title: Ext.Ux.Printer Print Image doesn't work
body: <p>i have downloaded the <a href="https://github.com/edspencer/Ext.ux.Printer" rel="nofollow">https://github.com/edspencer/Ext.ux.Printer</a> and<br>
  import the Printer.js and Base.js  </p>
  
  <h2>in Base.Js i added the image rendder code:</h2>
  
  <pre><code> Ext.ux.Printer.imageRenderer = Ext.extend(Ext.ux.Printer.BaseRenderer, {
   generateBody: function(image) {
     return String.format("&lt;div class='image-print'&gt;{0}&lt;/div&gt;", image.body.dom.innerHTML);
   }
  });
  </code></pre>
  
  <p>Ext.ux.Printer.registerRenderer('image', Ext.ux.Printer.imageRenderer);</p>
  
  <h2>this is the place display the image with id <code>displayimage</code></h2>
  
  <pre><code>items: [Printtoolbar,{
  xtype : 'image',
  id : 'displayimage',
  style: {
  'display': 'block',
  'margin': 'auto'
  },
  width: 320,
  height: 240,
  }]
  </code></pre>
  
  <h2>When Pressed Print Button Print The Image</h2>
  
  <pre><code>var PrintImgBtn = Ext.getCmp('btnPrint');
      PrintImgBtn.on('click', function(){
          printImg = Ext.getCmp('displayimage');  
          Ext.ux.Printer.print(printImg);
  </code></pre>
  
  <h2>Unfortunately when i pressed the print button,nothing happen.</h2>