Canvasのピクセルデータを編集して動画をグレースケールにする 🖼

canvasタグはcontextのputImageDataを使って、ピクセルデータを編集することができます。 const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); const video = document.createElement('video'); video.src = 'movie.mp4'; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); …