Canvas 2.9.1: Context.createLinearGradient not working

[anhnh12]

Issue or Feature

• Context.createLinearGradient() working no more after upgrading to 2.9.1 from 2.8.0. The background just fell back to black. Gradient background still working fine with 2.9.0

Your Environment

• Version of node-canvas: 2.9.1
• Environment: node v16.15.0 on MacOS Monterey 12.2

[zbjornson]

Can you provide a complete, reproducible example please?

[anhnh12]

@zbjornson this following single block of code produces two different result with 2 different version (check 2 attachments).

const gradientFrom = "rgba(53,83,192,0.9)"
const gradientTo = "rgba(58,69,110,0.5)"
const canvas = Canvas.createCanvas(width, height)
const ctx = canvas.getContext("2d")
const gradient = ctx.createLinearGradient(0, 0, 0, 400)
gradient.addColorStop(0, gradientFrom)
gradient.addColorStop(1, gradientTo)

Canvas 2.9.1

Canvas 2.9.0

[zbjornson]

I'm getting the correct (gradient, not solid black) behavior in 2.8.0, and 2.9.1. I also don't see any changes that would be likely to have caused this. This is the code I used:

const canvas = createCanvas(200, 200);
const ctx = canvas.getContext("2d");
const gradientFrom = "rgba(53,83,192,0.9)"
const gradientTo = "rgba(58,69,110,0.5)"
const gradient = ctx.createLinearGradient(0, 0, 0, 400)
gradient.addColorStop(0, gradientFrom)
gradient.addColorStop(1, gradientTo)
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 200, 200);

Are you still encountering this issue?

[zbjornson]

Closing without more info, but will reopen if you're still encountering this.