Android padding factor appears to scale incorrectly

[bijington]

Description

The padding factor is not correctly applied. It appears to grow the image rather than reducing the size.

Reproduction Steps

Use the attached project with the key json below:

{
  "$schema": "https://mobilebuildtools.com/schemas/v2/resourceDefinition.schema.json",
  "android": {
      "resourceType": "Mipmap",
      "name": "icon",
      "scale": 0.1875,
      "additionalOutputs": [
          {
              "name": "launcher_foreground",
              "resourceType": "Mipmap",
              "scale": 0.28125,
              "padFactor": 1.5
          },
          {
              "name": "logo",
              "resourceType": "Drawable"
          }
      ]
  },
  "iOS": {
      "name": "AppIcon",
      "background": "#ffffff",
      "additionalOutputs": [
          {
              "name": "logo"
          }
      ]
  }
}

Expected Behavior

Expect the icon to sit nicely inside the adaptive icon area for Android following these rules:

Imagine a 1024x1024px image with padFactor: 1.5, height: 100 and width: 100.

1. Canvas created at padFactor * original image size. (1024 * 1.5 -> 1536).
2. Image added at original image size. (1024).
3. Canvas then scaled down to output size (100x100).

Actual Behavior

Reproduction App

Building and running Android will present the issue seen in the Actual Behavior screenshot template.zip

[dansiegel]

This is largely correct... but a couple of minor tweaks here... and to ensure this is clear.

Imagine a 1024x1024px image with padFactor: 1.5, height: 100 and width: 100.

1. Original 1024x1024 image is copied
2. If using a watermark image it is applied
3. The canvas size is increased by a factor of 1.5 (1024 * 1.5 => 1536)
4. Image remains 1024x1024 in the center of a 1536x1536 canvas (gives us a padding of 256px around the original image)
5. Background color / generated watermark banner applied if applicable.
6. Image is scaled down to the output size 100x100.