Изображение на холсте?

Извините за мой плохой английский, но мог бы кто-нибудь сказал мне, как добавить фоновое изображение, а не только черного цвета к этомуИзображение на холсте?

Canvas with moouse effect

Я попытался с помощью CSS, но без успеха

источник

2015-01-20 user3633459

Посмотрите на этот пост http://stackoverflow.com/questions/14012768/ html5-canvas-background-image – Daniel

ok, я попробую :) – user3633459

загрузить изображение поверх JavaScript

var background = new Image(); 
background.src = "http://127.0.0.1/bg.jpg";

замените строки

ctx.fillStyle = "black"; 
ctx.fillRect(0, 0, W, H);

ctx.drawImage(background,0,0);

источник

2015-01-20 17:18:56 user3017844

Да! : D Большое спасибо, он показывает эффект хороший на изображении, с небольшой настройкой он будет идеальным – user3633459

np, вы можете отметить этот ответ принят. – user3017844

1 Добавить к HTML тело тега

<BODY background='http://127.0.0.1/bg.jpg'>

2 удалить эти строки из JavaScript

ctx.fillStyle = "black"; 
ctx.fillRect(0, 0, W, H);

источник

2015-01-20 16:54:15 user3017844

Это как-то работает, но не полностью :) Фон хороший, но ef fect not, он оставляет эффект на весь образ при перемещении мыши, я не знаю, как сказать, тропа мыши остается на backgorund. Я попытаюсь настроить xD Возможно, если бы я мог сделать холст прозрачным изменить: попытался сделать холст прозрачным, затем эффект не показывать – user3633459

Изображение на холсте?

ответ

Смежные вопросы