как удалить полосу прокрутки в формате JPEG - PullRequest
1 голос
/ 29 апреля 2020

Я написал некоторый код для преобразования html в bootstrap модальное изображение в формате JPEG.

Работает нормально, но на изображении показаны полосы прокрутки. В этом коде я не включил полосу прокрутки.

Как решить эту проблему. Кто-нибудь может мне помочь, пожалуйста. пример изображения здесь я включил одно изображение, когда я нажимаю кнопку загрузки, у меня появляется вот такая полоса прокрутки.

$(document).on("click", "#jpgfrmt", function() {
  domtoimage.toJpeg(document.getElementById('download'), {
      quality: 0.95
    })
    .then(function(dataUrl) {
      var link = document.createElement('a');
      link.download = 'astDetails.jpeg';
      link.href = dataUrl;
      link.click();
    });
});
#download {
  background: #fff;
  color: #000;
  width: auto;
  height: auto
}

#buttons {
  margin: 0 auto;
  display: inline;
}

#jpgfrmt {
  float: right;
  display: inline;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/dom-to-image/2.6.0/dom-to-image.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
<div id="content" class="content">
  <div id="buttons">
    <div class="action_btn">
      <a href="javascript:;" id="jpgfrmt" class="btn btn-xs btn-warning m-b-10">
        <i class="fa fa-download m-r-5"></i> Download
      </a>
    </div>
  </div>

  <div class="row" id="download">
    <div class="col-md-8">
      <div class="table-responsive">
        <table class="table">
          <tr>
            <td style="border:none;">
              <table class="table">
                <tr>
                  <td class="field highlight" width="25%" style="border:none;">Name:</td>
                  <td width="75%" style="border:none;">
                    Name
                  </td>
                </tr>
                <tr>
                  <td class="field" width="25%" style="border:none;">Description:</td>
                  <td width="75%" style="border:none;">
                    Description
                  </td>
                </tr>
                <tr>
                  <td class="field" width="25%" style="border:none;">Serial No:</td>
                  <td width="75%" style="border:none;">
                    Serial Number
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...