VPF::Не отрабатывает 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 - тоже не отрисовывается...

kuksha

Дата 5.1.2016, 12:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

Репутация: нет
Всего: нет

Помогло заключение строки c drawImage в функцию:

Код


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

Непонятно только как у меня в отдельном скрипте работало без этого "onload"...

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »