imgストリーミングmjpegにペイントする線

Question

私はhtml5を使って簡単なテストを試みています。私はカメラからのストリーミングに接続されたタグを持っていますAxis IP：

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

私はHTMLページでストリーミングを見ます。今私はこの要素の上に（線、長方形、何でも）ペイントしたいと思います。私の疑いは、それをどうやって行うのか、それを実行する可能性がある場合です。私はオーバーレイを置く要素が必要だと思うが、これについてはわからない。だから、誰かが私を助けることができたら嬉しいです。

ありがとうございます！

Answer 1

私は簡単なCSSで、このような何かをするだろう：

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

とパディング

とそれをコントロールします