Задать вопрос
@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>
  • Вопрос задан
  • 1479 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@theEternalStudent Автор вопроса
Добавить изображения в canvas через js
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@Myateznik
В вашем случае это не работает из-за соображений безопасности, заложенных в браузерах, для работы требуется сервер.
Ответ написан
1 комментарий
1 комментарий
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
Картинка еще не загрузилась, а Вы уже пытаетесь ее отрисовывать
Алексей Ярков в одном из коментов написал правильный вариант кода
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер сайта с текстовым содержанием на Python
03 мая 2024, в 18:19
10000 руб./за проект
Нужно перенести ru версию с субдомена на основной домен WPML модуль
03 мая 2024, в 18:06
8000 руб./за проект
Консультация по работе с TON space и wallet в Telegram
03 мая 2024, в 16:26
3000 руб./за проект
Ещё заказы