сайт работает в некоторых браузерах, но не все

Почему мой сайт работает на моем телефоне, но не на моем компьютере Я пробовал все IE хром Fire fox и я не могу скачать изображение из div, но когда я использую свой телефон, он отлично работает (только chome). что происходит? вот мой сайт https://torcdesign.com/mom может кто-то помочь мне найти решение для того, чтобы работать во всех браузерахсайт работает в некоторых браузерах, но не все

var download = document.getElementById("download"), 
 
\t \t result = document.getElementById("result"); 
 

 
function renderContent() { 
 
    html2canvas(document.getElementById("content"), { 
 
     allowTaint: true 
 
    }).then(function(canvas) { 
 
    \t \t result.appendChild(canvas); 
 
     download.style.display = "inline"; download.href = result.children[0].toDataURL(); 
 
    }); 
 
} 
 

 
function downloadImage() { 
 
\t \t 
 
} 
 

 
document.getElementById("button").onclick = renderContent; 
 
download.onclick = downloadImage

#content { 
 
    position: absolute; 
 
    width: 300px; 
 
    height: 200px; 
 
    border: 5px solid red; 
 
    overflow: hidden; 
 
} 
 

 
#img1 { 
 
    width: 300px; 
 
    height: 200px; 
 
    position: absolute; 
 
    z-index: 5; 
 
} 
 

 
#img2 { 
 
    position: absolute; 
 
    z-index: 6; 
 

 
    width: 150px; 
 
    height: 190px; 
 
} 
 

 
#img3 { 
 
    position: absolute; 
 
    z-index: 7; 
 
    width: 200px; 
 
    height: 100px; 
 
} 
 

 
#download { 
 
    display: none; 
 
}

<script src="https://rawgit.com/niklasvh/html2canvas/master/dist/html2canvas.min.js"></script> 
 

 
<div id="content"> 
 
    <img id="img1" src="https://torcdesign.com/shirts/brown.jpg"> 
 
    <img id="img2" src="https://torcdesign.com/shirts/kiwi.jpg"> 
 
    <img id="img3" src="https://torcdesign.com/shirts/lswhite.jpg"> 
 
</div> 
 
<br><br><br><br><br><br><br><br><br><br><br><br> 
 
<input id="button" type="button" value="convert div to image"><br> 
 
<h3>result:</h3> 
 
<div id="result"></div> 
 
<a id="download" download="my_image.png" href="#">Download image</a>

источник

2017-01-01 xcalliber

'downloadImage' не имеет тела функции? – guest271314

Не нужно. Проверьте строку 'Download image' –

Ваш сайт, похоже, работает для меня в Chrome и Firefox. Вы уверены, что он не работает на вас? Я могу загрузить 'my_image.png' из своего div. –

Я думаю, вы, возможно, придется обновить большую часть ваших браузеров. Согласно this reference атрибут download тега a поддерживается различными версиями различных браузеров.

источник

2017-01-01 06:04:36

сайт работает в некоторых браузерах, но не все

ответ

Смежные вопросы