Canvas - метод DrawImage

59
6

У меня возникла странная проблема с элементом DrawImage -Methode элемента Canvas. В следующем коде я создаю холст и прикрепляю его к div "rightcanvas".

var rightcanvas = document.getElementById('rightcanvas');   
rcanvas = document.createElement('canvas');
rcanvas.setAttribute('width', canvasLength);
rcanvas.setAttribute('height', canvasHeight);
rcanvas.setAttribute('id', 'rcanvas');
rightcanvas.appendChild(rcanvas);

И теперь я пытаюсь нарисовать кодированное изображение Base64.

var rcontext = rcanvas.getContext('2d');
var image = new Image();
image.src = 'data:image/png;base64,iVBOR....';
rcontext.drawImage(image,0,0);

Холст будет создан и прикреплен. Но изображение не будет отображаться. Кто-нибудь знает, в чем проблема? знак равно

спросил(а) 2012-04-01T12:21:00+04:00 8 лет, 8 месяцев назад
1
Решение
73

Вы должны дождаться загрузки изображения, прежде чем рисовать его на холсте.

var image = new Image();
image.onload = function() {
rcontext.drawImage(image, 0, 0);
}
image.src = 'data:image/png;base64,iVBOR....';

ответил(а) 2012-04-01T12:25:00+04:00 8 лет, 8 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема