title: Why image not showing while download html to pdf using JavaScript (kendo)?
body: <p><strong>Does anyone have an idea why the image does not come along with HTML in pdf?</strong></p>
  <p>in the below image you can see the image is missing in pdf and I have added that image in the HTML part.so I want to download the image also in pdf.</p>
  <p><a href="https://i.stack.imgur.com/EIaHs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EIaHs.png" alt="HTML to PDF Example" /></a></p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;title&gt;Invoice&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css&quot; integrity=&quot;sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm&quot; crossorigin=&quot;anonymous&quot;&gt;
      &lt;script src=&quot;https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://kendo.cdn.telerik.com/2017.1.223/js/jszip.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js&quot;&gt;&lt;/script&gt;
      
  
  &lt;/head&gt;
  &lt;body&gt;
  
          &lt;div class=&quot;container row m-2&quot;&gt;
              &lt;div class=&quot;col-md-12 pl-3&quot;&gt;
                  &lt;button class=&quot;btn btn-info btn-sm export-pdf k-button&quot; onclick=&quot;getPDF('.pdf-page')&quot;&gt;Download Invoice&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;pdf-page A4 p-3&quot;&gt;
          &lt;div style=&quot;padding:10px;border:1px solid white;&quot;&gt;
              &lt;div class=&quot;container-fluid p-0 invoice-page border border-dark&quot;&gt;
                  &lt;div class=&quot;&quot;&gt;
                      &lt;div class=&quot;row&quot;&gt;
                          &lt;div class=&quot;col-md-12&quot;&gt;
                          
                                  &lt;div class=&quot;invoice-header pt-3 p-2 b-b&quot;&gt;
                                      &lt;div class=&quot;ribbon&quot;&gt;
                                          &lt;h6&gt;PAID&lt;/h6&gt;
                                      &lt;/div&gt;
                                      &lt;div class=&quot;container-fluid row&quot; style=&quot;align-items: center;&quot;&gt;
                                          &lt;div class=&quot;col-md-3&quot;&gt;
                                              &lt;img src=&quot;https://championsemi.com/assets/img/bg1.jpg&quot; width=&quot;100%&quot;&gt;
                                              &lt;kendo-pdf-export #pdf paperSize=&quot;A4&quot; margin=&quot;2cm&quot;&gt;
                                            &lt;img src=&quot;{{url + '.jpg'}}&quot; class=&quot;img-fluid rounded&quot; alt=&quot;&quot; /&gt;
                                          &lt;/kendo-pdf-export&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;col-md-6&quot;&gt;
                                              &lt;h6 class=&quot;font-weight-bold pb-1&quot;&gt;PCB Magic&lt;/h6&gt;
                                              &lt;p&gt;
                                                  419-A Logix Technova
                                              &lt;/p&gt;
                                              &lt;p&gt;
                                                  Sector 132, NOIDA 
                                              &lt;/p&gt;
                                              &lt;p&gt;
                                                  (UP)201304, INDIA
                                              &lt;/p&gt;
                                              
                                          &lt;/div&gt;
                                          &lt;div class=&quot;col-md-3 &quot; style=&quot;align-self: flex-end;&quot;&gt;
                                              &lt;h4 class=&quot;text-right text-capitalize&quot;&gt;TAX INVOICE&lt;/h4&gt;
                                              &lt;p class=&quot;text-center&quot;&gt;Orignal Invioce&lt;/p&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  
                          &lt;/div&gt;
                      
                          &lt;div class=&quot;col-md-12&quot;&gt;
                              &lt;div class=&quot;from-to b-b bg-light&quot;&gt;
                                      &lt;div class=&quot;row&quot;&gt;
                                          &lt;div class=&quot;col-md-6 b-r &quot;&gt;
                                              &lt;p class=&quot;p-2 font-weight-bold&quot;&gt;Bill To&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class=&quot;col-md-6&quot;&gt;
                                              &lt;p class=&quot;p-2 font-weight-bold&quot;&gt;Ship To&lt;/p&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                          &lt;/div&gt;
                          
                      &lt;/div&gt;
                  &lt;/div&gt;
                  
              &lt;/div&gt;
          &lt;/div&gt;
              
          &lt;/div&gt;
  
  
   &lt;script src=&quot;https://code.jquery.com/jquery-3.2.1.slim.min.js&quot; integrity=&quot;sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js&quot; integrity=&quot;sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js&quot; integrity=&quot;sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  
  &lt;script&gt;
        function getPDF(selector) {
          kendo.drawing.drawDOM($(selector)).then(function(group){
            kendo.drawing.pdf.saveAs(group, &quot;Invoice.pdf&quot;);
          });
        }
        
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I am trying to add the logo in the given HTML and download the same in pdf.
  everything is working perfectly apart from the image.</p>