show active canvas on camera
<! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Show toggle </ title > < style > .img-canvas-container { position : relative ; width : 500px ; height : 500px ; } .img-canvas-container img , .img-canvas-container canvas { position : absolute ; top : 0 ; left : 0 ; } canvas { border : 3px solid #333 ; background-size : cover ; cursor : crosshair ; opacity : 0.5 ; display : none ; } </ style > </ head > < body > {% for d in data %} < div class = "img-canvas-container" > < img id = "image{{ loop.index }}" src = "