Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.03.2014, 10:51
Аспирант
Отправить личное сообщение для dmivasant Посмотреть профиль Найти все сообщения от dmivasant
 
Регистрация: 17.07.2013
Сообщений: 47

Screenshot определенной части экрана средствами javascript повтор
Стоит такая задача: Превратить содержимое div-блока в картинку и предложить пользователю скачать её.
<!DOCTYPE html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  
    <style type="text/css">
        div {
            width:200px;
            background-color: green;
        }
    </style>
  
    <script type="text/javascript" src="http://night-creature.com/html2canvas.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
    <div id="downimg">
        <div>
            some text
        </div>
    </div>
  
    <script language="javascript">
        function downimg(){
            html2canvas($('#downimg'), {
                onrendered: function (canvas) {
                    var img = canvas.toDataURL('image/png').replace("image/png", "image/octet-stream");
  
                    window.location.href = img;                   
                }
            });
        }
    </script>
  
    <a href="javascript:void(0)" onClick="downimg()" >SAVE</a>
</body>
</html>

так-то работает, но сохраняет без расширения.Приходиться руками писать png? что не есть хорошо.
Ответить с цитированием
  #2 (permalink)  
Старый 10.03.2014, 11:35
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Дублированием тем вы только бана добьётесь. Вы сами привели ссылки на сайты с готовыми решениями, осталось только скомпоновать. За вас же никто писать код не будет, по крайней мере бесплатно.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Screenshot определенной части экрана средствами javascript dmivasant jQuery 22 29.09.2016 11:07
Screenshot определенной части экрана средствами javascript dmivasant Работа 11 18.03.2014 16:32
Screenshot определенной части экрана средствами javascript dmivasant Элементы интерфейса 5 10.03.2014 21:58
Screenshot определенной части экрана средствами javascript dmivasant Общие вопросы Javascript 0 09.03.2014 16:37
Screenshot определенной части экрана средствами javascript dmivasant Opera, Safari и др. 3 29.07.2013 09:07