Image cropping using CSS

This is an experiment for dinglehopper on how to crop an image using CSS alone.

Test data is page 1 of PPN77164308X. Coordinates are for the BEST images and are the same for the NFS TIFFs.

Cropping using object-fit: none

Trying to crop Page1_Block4 (from FULLTEXT/FILE_0001_FULLTEXT): 


    <TextBlock ID="Page1_Block4" HEIGHT="228" WIDTH="1244" VPOS="450" HPOS="149" language="de" STYLEREFS="font1">

Scaling to exactly 50%

The above method does not seem to work when scaling, so we have to use the div+img method: The div is like a window and we move the image around behind it to display the right section.

TIFF

Browsers have no TIFF support anymore. There are JS libraries to load TIFF but it seems not possible to do from a file:-HTML due to CORS protection.