Upgrade html2canvas to html2canvas-pro in order to support the oklch() color function.

[vijaykerure]

html2Canvas does not support several modern color functions, leading pdf output to fail when using a few modern UI frameworks such as DaisyUI.

e.g: daisyui@latest uses oklch color function, If we use jsPDF with daisyUI we facing an error Error: Attempting to parse an unsupported color function "oklch"

Also, html2canvas-pro has several advantages over html2canvas, including:

• support color function color() (including relative colors)
• support color function lab()
• support color function lch()
• support color function oklab()
• support color function oklch()
• Support object-fit of <img />

[Juman8]

hi everyone. I am getting error with it.
Are there any current plans to update the library source code?

[Juman8]

Hello, I found a way to fix it.
You just need to remove the html2canvas library and then add html2canvas-pro.
add it to the webpack alias or corresponding configs:

eg:
resolve: { alias: { html2canvas: path.resolve(__dirname, 'node_modules/html2canvas-pro') } },

it's work for me.

[Juman8]

It is the only solution I have found so far.

[humashaaa]

Hi, @Juman8
I switched to html2canvas-pro already. But where to use this?
resolve: { alias: { html2canvas: path.resolve(__dirname, 'node_modules/html2canvas-pro') } },

[BSoDium]

@humashaaa this looks like a piece of webpack configuration

[Juman8]

Hi, @Juman8 I switched to html2canvas-pro already. But where to use this? resolve: { alias: { html2canvas: path.resolve(__dirname, 'node_modules/html2canvas-pro') } },

it's in the webpack alias section.

[FNERNST]

FYI: also works with the alias section in VITE.