updated canvas usage

[SeanWahoo]

latest canvas parameter requires a comma to be used, not a colon.

[smaeda-ks]

Hi @golferejoe16, could you elaborate on this change more?

https://developer.fastly.com/reference/io/canvas/

SIZE can be:
{width},{height}
{width-ratio}:{height-ratio}

ratio value needs :

[SeanWahoo]

Sure, the code is not using ratios, it's using static widths and heights, so a comma is correct. The canvas should create an image where the original image is placed on a canvas of size width x height, not an image with a ratio of width:height. See this example where the image should be placed on a canvas of 615px x 615px. The original colon based solution will create a small square 300x300 image, the corrected comma based solution fixes this. Example:
(incorrect) https://www.wahoofitness.com/media/catalog/product/w/a/wahoo-logo-t-shirt-3.png?optimize=medium&fit=bounds&height=615&width=615&canvas=615:615
(correct) https://www.wahoofitness.com/media/catalog/product/w/a/wahoo-logo-t-shirt-3.png?optimize=medium&fit=bounds&height=615&width=615&canvas=615,615

[smaeda-ks]

Thank you @golferejoe16
We're evaluating this change internally. cc: @dpotkoc