使用Javascript中的URL来源从Img标记获取框架
我在我的HTML中有一个img标签
<img width="600px" height ="400px" id='the_img_1' src='http://127.0.0.1:5000/video_feed'>
Img元素正在显示来自本地网址的视频。
我想从javascript中的这个img标签中获得一个框架（或者jpg格式的图片）。 这可能吗？
我希望这会帮助你，这正是你想要的，这不是最好的方式，但它是按照你的要求：
var imgTags = document.getElementsByTagName('img');
for(i=0; i<imgTags.length; i++){
var iframurl = imgTags[i].getAttribute("src");
var iframe = document.createElement('iframe');
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(iframurl);
document.body.appendChild(iframe);
}<img width="600px" height ="400px" id='the_img_1' src='http://127.0.0.1:5000/video_feed'>使用画布。 1.在画布上绘制img标记内容2.从画布中获取DataUri（编码的base64字符串）
var img = document.getElementById("the_img_1");
var canvas = document.getElementById('myCanvas') // reference to canvas element
var ctx = canvas.getContext('2d'); // get the canvas context;
ctx.drawImage(img, 0, 0, 640,480); //draw image into canvas;
encodedImg = canvas.toDataURL("image/png");