У меня есть 3 элемента canvas, на которых работает видео, и я хочу добавить эти два элемента canvas к третьему элементу canvas вместе.
Мой код здесь. Пожалуйста, кто-нибудь поможет мне за то же самое
Пожалуйста, взгляните на следующий код и помогите мне.
Первый холст
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
Второй холст
var canvas2 = document.getElementById('canvas2');
var context2 = canvas2.getContext('2d');
var cw = 200;
var ch = 200;
canvas.width = cw;
canvas.height = ch;
canvas2.width = cw;
canvas2.height = ch;
Видео на холсте
v.addEventListener('play', function(){
draw(this,context,cw,ch);
},false);
Третий холст
var can3 = document.getElementById('canvas3');
var ctx3 = can3.getContext('2d');
can3.width = 400;
can3.height = 400;
Функция рисования
function draw(v,c,w,h) {
if(v.paused || v.ended) return false;
c.drawImage(v,20,0,w,h);
setTimeout(draw,20,v,c,w,h);
}