Как выбрать удаленное изображение для отображения в холсте?
Вы ожидаете, что страница будет содержать буквенную строку "id = outputtext-text ...", отображаемую где-то на экране. Вы уверены, что это должно появиться на странице? Это похоже на локатор, но это ключевое слово принимает строку вместо локатора.
Я не знаю наверняка, что вы пытаетесь сделать, но если вы ожидаете элемент с данным идентификатором, вы должны использовать Подождите, пока страница содержит элемент принимает локатор в качестве аргумента.
4 ответа
Используйте встроенный Объект изображения JavaScript.
Вот очень простой пример использования Объекта изображения:
myimage = new Image();
myimage.src = 'http://myserver/nextimage.cgi';
Вот более соответствующий механизм для Вашего сценария из комментариев к этому ответу.
Спасибо olliej!
Стоит отметить, что Вы не можете синхронно запросить ресурс, таким образом, необходимо на самом деле сделать что-то вроде:
myimage = new Image();
myimage.onload = function() {
ctx.drawImage(myimage, x, y);
}
myimage.src = 'http://myserver/nextimage.cgi';
Для добавления изображения в JavaScript, можно сделать следующее:
myimage = new Image()
myimage.src='http://....'
Если изображение на Вашей странице имеет идентификатор "image1", можно присвоить src image1 к myimage.src.
Если Вы хотите нарисовать изображение к холсту, также необходимо ожидать изображения для фактической загрузки, таким образом, корректная вещь сделать будет:
myimage = new Image();
myimage.onload = function() {
context.drawImage(myimage, ...);
}
myimage.src = 'http://myserver/nextimage.cgi';
При использовании jQuery, можно сделать:
$.('<img src="http://myserver/nextimage.cgi" />').appendTo('#canv');
Можно также добавить ширины и что-либо еще в теге img.