Hello everyone, does anyone know an image crop in javascript / jquery that can work with a “reduced css image”?

That is, all sprinklers work fine if the user is given the original size of a picture (dimensions are 400px x 400px) with width: 100%; But if you display a 1500px x 1500px image to the user and reduce its size in css to 100px x 100px (simply because 1500 doesn’t fit into the screen and it’s not beautiful), then the crooks that I came across immediately panic and give out either errors or cut by initial values, i.e. top left corner. I need to pull pictures from Facebook, and they are big there. The option to reduce the size of the photo to output to the user is also not an option, because the quality deteriorates.

    1 answer 1

    Ndam, they used to say, learn math, at school. Everything turned out to be simple, but in order to arrive at this thought, I had to kill the day ...

    formula: we divide the original size of the picture by the one that turned out after the "css reduction", we get the coefficient. Before sending to crop - multiply the points x1, y1 and width, height by this factor. profit!

    Close someone's question, please, I can not, but I do not want to delete.