Задать вопрос
@theEternalStudent
javascript

Почему не добавляется в canvas изображение?

Почему не добавляется в canvas изображение?

Вот код:
<!DOCTYPE html>
<html>
<head>
	<title>canvas</title>
	<meta charset="utf-8">
</head>
<body>
	<canvas id='draw' width='570' height='330' style='border:1px solid'></canvas> 
	<script>
		var canvas=document.getElementById("draw")
		var x=canvas.getContext("2d");

		var img = new Image();
		img.src = '/home/sergei/www/canvas/12.png';
		
		x.drawImage(img,10,10);
	</script> 
</body>
</html>
  • Вопрос задан
  • 1500 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@theEternalStudent Автор вопроса
Добавить изображения в canvas через js
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@Myateznik
В вашем случае это не работает из-за соображений безопасности, заложенных в браузерах, для работы требуется сервер.
Ответ написан
1 комментарий
1 комментарий
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
Картинка еще не загрузилась, а Вы уже пытаетесь ее отрисовывать
Алексей Ярков в одном из коментов написал правильный вариант кода
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы