I am using the first method, the CSS3 technique. However, when I use background-size: cover like the author suggests, the image is "zoomed" in way farther than it needs to be and I don't understand why. Is it a problem with the size of the image or do I have something else wrong?
Im trying to make a line plot over the image showing how something in the image moved (think computer vision tracking). For that I really need the image to be only the background of the chart as I want to plot x,y in image pixel coordinates. Css background is for the whole plot. ...
{ position: relative; background: none; overflow: hidden; margin-top: 1rem; margin-bottom: -2px; /* attempt to stop rounding errors when zoomed*/ } .ctr{ pointer-events:none; } .ctr a{ pointer-events:initial; } .ctr { position: absolute; inset: 0 0 0 0; } .ctr2 {...