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; 
} 

및 패딩

으로 제어