Unanswered

Html canvas element in pcf control

(0) Share

Report

Posted on by Shraddha113

Hi all,

I am trying to use HTML canvas element in pcf control by using typescript code. But, I cannot access canvas.toDataURL() function in pcf control. It gives me an error like:

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

I have also tried

var mapCanvas = document.createElement('canvas') as HTMLCanvasElement;

but it gives same error.Can someone tell me the solution of these? Is pcf support canvas element?

Thanks!

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

v-yutliu-msft on at

Like (0)

Report

Hi @Shraddha113 ,

Do you want to export image by using command like this: canvas.toDataURL("image/png")?

If so, this is supported in pcf. The problem should be about your code.

You need to set crossOrigin for the image outside the onload function.

Here's a similar issue for your reference:

https://stackoverflow.com/questions/43310565/failto-execute-todataurl-on-htmlcanvaselement

Best regards,

Was this reply helpful? Yes No
Shraddha113 4 on at

Like (0)

Report

Hi,
Yes. I have try this also but it still gives the same error. So, is there some other way?

Was this reply helpful? Yes No
v-yutliu-msft on at

Like (0)

Report

Hi @Shraddha113 ,

Since I did not met the same problem before, I don't quite know where's the problem.

I'm sorry that I am not quite familiar with pcf, I suggest you open a ticket here:

https://powerapps.microsoft.com/en-us/support/pro/ticket/

Best regards,

Was this reply helpful? Yes No