Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Не отрабатывает drawImage 
:(
    Опции темы
kuksha
Дата 5.1.2016, 11:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 154
Регистрация: 15.6.2011

Репутация: нет
Всего: нет
Не могу вывести картинки в канву. 
Сама канва отрабатывает, остальные функции тоже (надпись "пример" появляется)
Код такой:
Код

<html>
    <body>
        <canvas height='900' width='900' id='example'></canvas>
        <script>
            var example = document.getElementById("example");
            var ctx = example.getContext('2d');

            var mapMO = new Image();
            mapMO.src = "http://info-7.ru/klimat/povorot.bmp";
            ctx.drawImage(mapMO, 1, 1);

            ctx.fillStyle = "rgb(0,0,250)";
            ctx.fillText("пример", 20, 150);
        </script>
    </body>
</html>

Ссылка: http://info-7.ru/klimat/1.html

Самое неприятное, что я уже делал вывод картинок в других скриптах - там всё работает. 
Разница только в том, что здесь я не вытащил скрипт в отдельный файл.
Не могу понять что я забыл...
Вместо BMP ставил GIF - тоже не отрисовывается...
PM MAIL   Вверх
kuksha
Дата 5.1.2016, 12:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 154
Регистрация: 15.6.2011

Репутация: нет
Всего: нет
Помогло заключение строки c drawImage в функцию:
Код

mapMO.onload = function() {
                ctx.drawImage(mapMO, 1, 1);
            }

Непонятно только как у меня в отдельном скрипте работало без этого "onload"... 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0370 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.