html2canvas генерирует каждый раз разные результаты - PullRequest
Новая
       9

html2canvas генерирует каждый раз разные результаты

1 голос
/ 24 февраля 2020

Ниже приведен код JS для загрузки html в виде изображения. 

html2canvas(document.querySelector('#js-market-analysis'),{
     width: 600,
     height: 600,
     letterRendering: 1,
     allowTaint: true,
     useCORS: true,
 }).then(function(canvas) {
     saveAs(canvas.toDataURL('image/png'), 'Market Analysis.png');
 });

HTML код для загрузки в виде изображения. 

<div class="kt-portlet__body kt-portlet__body--fluid" id="js-market-analysis">
    <div class="d-sm-flex d-md-flex d-lg-flex d-xl-flex w-100 h-100">
        <div class="color-display-grid-wrapper d-flex justify-content-between flex-column">
            <h5>
                <div class="d-flex align-items-center">
                    <span class="color-display-grid tam-display"></span>
                    <span>TAM</span>
                </div>
                <label class="small mt-2 mb-0 d-block js-total-addressable-market-chart-info"></label>
            </h5>
            <h5>
                <div class="d-flex align-items-center">
                    <span class="color-display-grid sam-display"></span>
                    <span>SAM</span>
                </div>
                <label class="small mt-2 mb-0 d-block js-serviceable-addressable-market-chart-info"></label>
            </h5>
            <h5>
                <div class="d-flex align-items-center">
                    <span class="color-display-grid som-display"></span>
                    <span>SOM</span>
                </div>
                <label class="small mt-2 mb-0 d-block js-serviceable-obtainable-market-chart-info"></label>
            </h5>
        </div>
        <div class="marketanalysis-graph text-center">
            <img src="{{ asset('assets/img/graph.png') }}" alt="image" class="img-fluid img-graph">
        </div>
    </div>
</div>

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

...