Что делает мой код: У меня есть изображение, и наверху этого изображения у меня есть различные другие изображения, некоторые из которых скрыты, а некоторые из них показаны (это определяется во время выполнения). Итак, я использую HTML2Canvas, чтобы преобразовать свой основной div в изображение, а затем загрузить это изображение.
Проблема: Изображение отлично загружается на ноутбуки, настольные компьютеры и android телефоны, НО изображение остается пустым на IOS.
Ссылка для тестирования: http://testing.mabdurrehman.com/ -> Вы можете щелкнуть по элементам, чтобы разместить их на жилете, сохранить жилет, просмотреть жилет и затем попробовать загрузить его на IOS.
JS Код:
<script>
var img;
html2canvas($('#vests-section'),
{
onrendered: function(canvas)
{
img = canvas.toDataURL();
}
});
function download_img(el) {
el.href = img;
}
Любая помощь будет очень оценена.
Дайте мне знать, если есть другие хорошие логи c!
Спасибо :)