Jean-Luc CHEVILLARDDec 6, 2022
I've a set of 508 digital rectangular images. They are the pages of an ancient Tamil dictionary & the basis for a collection of subrectangles. Each #subrectangle is defined by a pair, consisting of a #BASEimage & a #quadruplet (X1, Y1, W, H), where (X1,Y1) is the #UpperLeftCorner, W the width & H the right of the subrectangle. Number of pairs in my #XMLdataBase has today crossed 10,055. I should probably use a better format than "#background-image ...", possibly #SVG & would appreciate #advice.
Show threadJean-Luc CHEVILLARDDec 6, 2022
At the moment, when an image is displayed in a browser,
from <img style="background-image: ...>"
I do not seem to be capable of right-clicking and saving an individual subrectangle as an individual image. I must add that the #quadruplets for the subrectangles are generated automatically, as the result of a calculation on the set of heights for individual entries inside each column. Which rectangles will be most interesting is not predictable. Leisurely browsing & choosing would be useful.
Show threadMark DingemanseDec 7, 2022
@JLC1956 The problem is that you're essentially loading images through CSS (the style attribute) which puts them out of reach of the context menu (in most browsers). If you are generating the html from the xml yourself, why not load the images as src="file.png" instead of via the style="background-image: url" attribute?
Show threadJean-Luc CHEVILLARD
@dingemansemark
I imagine that, in line with your suggestion, I have to try to see whether the solution might be to load the image via src="file.svg" where the #virtualCropping would be done inside the .svg element but still I cannot imagine how to avoid having the "file.svg" as a #realFile and not as a #virtualElement. I have to dig into resources such as
https://www.w3.org/TR/SVG/struct.html#TermSVGDocumentFragment
Document Structure — SVG 2

Dec 7, 2022 at 9:49amWeb