在img流mjpeg上画线

时间:2017-09-14 08:05:53

标签: html5 stream html5-canvas draw

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

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

我在html页面中看到了流式传输。现在我想在这个元素上绘制(线条,矩形,等等......)。我怀疑的是如何做到这一点,是否有可能做到这一点。我想我需要一个元素来覆盖,但我不确定这一点。如果有人能帮助我,我很高兴。

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

并用填充

控制它