Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 07.12.2018, 11:52   #1
Denis Wazowski
Пользователь
 
Регистрация: 31.08.2018
Сообщений: 14
Репутация: 10
По умолчанию Не срабатывает метод html2canvas

Доброго дня!

Пытаюсь делать скриншот страницы и скачивать его в папку. Добавил вывод в консоль, но ничего не выводится. Ощущение что скрипт не срабатывает вовсе. Синтаксис проверил, вроде бы все в порядке. Может что то забыл? Кусок ниже

<body>
...
<button class="bg-black px-4 py-2 text-white rounded-full" @click="saveCanvas()">
Отправить скриншот
</button>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="html2canvas.min.js"></script>
<script>
var app = new Vue({
el: '#app',
methods: {
saveCanvas(){
html2canvas(document.body).then(can vas => {
var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
console.log(image);
window.location.href=image;
});
}
}
})
</script>
...
</body>
Denis Wazowski вне форума   Ответить с цитированием
Старый 07.12.2018, 12:50   #2
Denis Wazowski
Пользователь
 
Регистрация: 31.08.2018
Сообщений: 14
Репутация: 10
По умолчанию

Спасибо всем! Удалось самому исправить)) Код ниже

<button class="bg-black px-4 py-2 text-white rounded-full" onclick="saveCanvas()">
Отправить скриншот
</button>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="html2canvas.min.js"></script>
<script type='text/javascript'>
function saveCanvas() {
html2canvas(document.body).then(can vas => {
var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
console.log(image);
window.location.href=image;
});
}
</script>
Denis Wazowski вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не срабатывает запрос Pro100Bogdan PHP 5 31.08.2017 12:31
Таймер срабатывает раньше времени или вообще не срабатывает Terebonko JavaScript, Ajax 1 03.08.2017 12:48
Метод перебора, Метод дихотомии, Метод золотого сечения Delphi !!! OneBri Помощь студентам 0 03.10.2012 08:42
Не срабатывает сортировка Sylar9 Общие вопросы C/C++ 1 08.11.2011 12:03
Не срабатывает макрос... Busine2009 Фриланс 6 14.08.2009 10:14


07:28.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru