IssueTracker

Description

We don't get enough information from document.get API to export cropped images into HTML. If we still want to do it, we need to download the image from the URL and retrieve its original dimensions to calculate the required details, which is not ideal.

Details

• We get the below details for cropped image from document.get API.
  • size: Height and width of the image after it's cropped. The image could have been resized before it was cropped.
  • cropProperties: Relative offsets for cropping image w.r.t. image's original dimensions.

Ex.

"kix.5fp4i6re6dce": {
            "objectId": "kix.5fp4i6re6dce",
            "inlineObjectProperties": {
              "embeddedObject": {
                "imageProperties": {
                  "contentUri": "https://lh7-rt.googleusercontent.com/docsz/AD_4nXcWfgv2KLk1RAMV6VO0SJaundLQkrk2qJ8sxATdy7dfx5Dc5kj2-yDehEvSqBhlgMRpiUs_Zyn2OgLBNfMqX0ZK9LMcmx7wCrlt1o93OEA31zXPKm0mK9VZeDNz3Ro4v4RHIKcXcAXuJWy1aAfxGl8x6mk?key=DZqV4uEA7XwGsLhdcrRsKw",
                  "cropProperties": {
                    "offsetLeft": 0.45970696,
                    "offsetRight": 0.16959707,
                    "offsetTop": 0.7230834,
                    "offsetBottom": 0.2038103
                  }
                },
                "embeddedObjectBorder": {
                  "color": {
                    "color": {
                      "rgbColor": {}
                    }
                  },
                  "width": {
                    "magnitude": 1,
                    "unit": "PT"
                  },
                  "dashStyle": "SOLID"
                },
                "size": {
                  "height": {
                    "magnitude": 17.370575991543856,
                    "unit": "PT"
                  },
                  "width": {
                    "magnitude": 16.615333557128906,
                    "unit": "PT"
                  }
                },
                "marginTop": {
                  "magnitude": 9,
                  "unit": "PT"
                },
                "marginBottom": {
                  "magnitude": 9,
                  "unit": "PT"
                },
                "marginRight": {
                  "magnitude": 9,
                  "unit": "PT"
                },
                "marginLeft": {
                  "magnitude": 9,
                  "unit": "PT"
                }
              }
            }
          }

• I want to export it into HTML. I do it by placing img inside span with overflow: hidden;. The outer span is responsible for showing the cropped portion of the image, and the inner img is responsible for rendering the image in resized dimensions and margins set such that the cropped portion is visible through the outer span.

Ex.

<span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 22.15px; height: 23.16px;">
	<img
	alt=""
	src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfxx-u4Vn47Y_rr3ojvv2Tr1n5TlKuT9ol5ypmLxYK_SciyHGqjqaiGmCH_oTXAsb0sb862hBJee-X5vePGhyEoR5l5-DLrW56MWwlQSgZs0rYGaeD2-cVbn4Iack0XE0Sv8FDyH67zjBOmwqmJHgUlUHs?key=DZqV4uEA7XwGsLhdcrRsKw"
	style="width: 59.76px; height: 316.81px; margin-left: -27.47px; margin-top: -229.08px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);"
	title="">
</span>

Issue

• I cannot calculate resized dimensions for the image (for inner img). If I still want to calculate it, I first need to download the image from the URL, retrieve its original dimensions, and then derive resized dimensions with the help of size and cropProperties provided in the API.

Is there any better way to export cropped images to HTML? If not, can we include the resized image's dimension in the document.get API?