I tried to improve the pixel 1:1 reliability and scale with window.devicePixelRatio. Which was 1.25 on my machine when windows set to 125%.
I also implemented automatic resize of the window to fixed sizes. I wanted to support only 1x 2x 3x 4x etc.. so there are fixed number of pixels per 'real/bangle pixel'.
Made the buttons have no padding so that the text 1,2,3 numbers are centered and made them bold.
Noticed the cursor turns to text 'caret/ibeam' when hover over screenshot button, so I changed to 'pointer' for that.
I tried to improve the pixel 1:1 reliability and scale with window.devicePixelRatio. Which was 1.25 on my machine when windows set to 125%. I also implemented automatic resize of the window to fixed sizes. I wanted to support only 1x 2x 3x 4x etc.. so there are fixed number of pixels per 'real/bangle pixel'. Made the buttons have no padding so that the text 1,2,3 numbers are centered and made them bold. Noticed the cursor turns to text 'caret/ibeam' when hover over screenshot button, so I changed to 'pointer' for that.