{"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F11%2F15%2F092822\" title=\"Canvas\u306e\u30d4\u30af\u30bb\u30eb\u30c7\u30fc\u30bf\u3092\u7de8\u96c6\u3057\u3066\u52d5\u753b\u3092\u30b0\u30ec\u30fc\u30b9\u30b1\u30fc\u30eb\u306b\u3059\u308b \ud83d\uddbc - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","width":"100%","categories":["JavaScript"],"url":"https://blog.kimizuka.org/entry/2020/11/15/092822","type":"rich","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20201115/20201115092306.gif","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/kimizuka/","blog_url":"https://blog.kimizuka.org/","published":"2020-11-15 09:28:22","provider_url":"https://hatena.blog","author_name":"kimizuka","title":"Canvas\u306e\u30d4\u30af\u30bb\u30eb\u30c7\u30fc\u30bf\u3092\u7de8\u96c6\u3057\u3066\u52d5\u753b\u3092\u30b0\u30ec\u30fc\u30b9\u30b1\u30fc\u30eb\u306b\u3059\u308b \ud83d\uddbc","description":"canvas\u30bf\u30b0\u306fcontext\u306eputImageData\u3092\u4f7f\u3063\u3066\u3001\u30d4\u30af\u30bb\u30eb\u30c7\u30fc\u30bf\u3092\u7de8\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 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); const imageData = ctx.getImage\u2026","version":"1.0","height":"190"}