>> | <style> body{ filter:invert(180%); } </style> <center> <body bgcolor="black" onclick="drawe();"> <video id="video" autoplay hidden height="500" width="500"></video> <canvas id="canvas" width="500" height="500" style=""> <script> var ii=1; var video = document.getElementById("video"); var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var video = document.getElementById('video'); var mediaConfig = { video: true,audio:true}; function drawe(){ var possible = "FABCGDE0123456789"; var text = ""; var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); for(var i=0; i!=6; i++) text+=possible.charAt(Math.floor(Math.random()*possible.length)) ctx.fillStyle="#"+text; ctx.beginPath(); ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180); ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180); ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180); ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) ctx.fill(); //var ot=prompt('') //canvas.style.opacity=""+ot text=''; } navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) { video.src = this.window.URL.createObjectURL(stream); video.play(); video.addEventListener("play", function() {i = window.setInterval(function() { ctx.topmost=false; ctx.drawImage(video,0,0,500,500)},309); ctx.draw();
}, false); }); </script> <script> var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var canvas = document.getElementById('canvas');. var context = canvas.getContext('2d'); ctx.style.opacity=0.0; </script> <center> <body bgcolor="black" onclick="drawe();"> <video id="video" autoplay hidden height="500" width="500"></video> <canvas id="canvas" width="500" height="500" style=""> <script> var ii=1; var video = document.getElementById("video"); var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var video = document.getElementById('video'); var mediaConfig = { video: true,audio:true}; function drawe(){ var possible = "FABCGDE0123456789"; var text = ""; var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); for(var i=0; i!=6; i++) text+=possible.charAt(Math.floor(Math.random()*possible.length)) ctx.fillStyle="#"+text; ctx.beginPath(); ctx.arc(Math.random()*event.x,Math.random()*event.x,13,1,Math.PI*180); //ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) ctx.arc(Math.random()*event.y,Math.random()*event.y,13,1,Math.PI*180); //ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) //ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180); //ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1) ctx.fill(); var ot=prompt('') canvas.style.opacity=""+ot text=''; } navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) { video.src = this.window.URL.createObjectURL(stream); video.play(); video.addEventListener("play", function() {i = window.setInterval(function() { ctx.topmost=false; ctx.drawImage(video,0,0,ii++,500)},30); if(ii==250){ alert(''); } ctx.draw();
}, false); }); </script> <script> var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var canvas = document.getElementById('canvas');. var context = canvas.getContext('2d'); ctx.style.opacity=0.0; </script> |