在 img 流 mjpeg 上绘制线条答案

【问题标题】：Paint lines over img streaming mjpeg在 img 流 mjpeg 上绘制线条
【发布时间】：2017-09-14 08:05:52
【问题描述】：

我正在尝试使用 html5 进行简单的测试。我有一个标签，它连接到来自摄像机 Axis IP 的流媒体：

<img id="stream" class="coveredImage" style="height: 323px;width: 646px;" src="http://192.168.2.65/mjpg/video.mjpg">

我在 html 页面中看到了流。现在我想在这个元素上绘制（线条、矩形等等……）。我的疑问是如何做到这一点以及是否可以做到。我想我需要一个元素来覆盖，但我不确定。所以如果有人可以帮助我，我很高兴。

谢谢！

【问题讨论】：

【解决方案1】：

我会用简单的 css 做这样的事情：

#stream{
 padding-top:10px;
 border-top:1px solid #000;
}

并用填充控制它

【讨论】：