Question

93

How to use html2canvas proxy

rated 0 times [ 95] [ 2] / answers: 1 / hits: 25062 / 12 Years ago, thu, march 22, 2012, 12:00:00

I'm using html2canvas plugin to generate snapshot of web pages.
The problem is that everything runs ok in the localhost, however when deployed on the remote server I get the following error : Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

I've found a plugin that is supposed to work : https://github.com/niklasvh/html2canvas-proxy

The problem is that I don't know how to use it !

Similar question is asked here but remains without answer : https://github.com/niklasvh/html2canvas/issues/61

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raymondd

Add To Favorites

Follow

Total Points: 620

Total Questions: 112

Total Answers: 94

Location: Namibia

Member since Mon, Feb 21, 2022

2 Years ago

raymondd questions

1 Automatically adjust height of iframe using React Hooks

Thu, Apr 22, 21, 00:00, 3 Years ago

1 What's the proper location to store images in VueJS - public folder or assets folder?

Sat, Jul 11, 20, 00:00, 4 Years ago

1 Convert binary to blob url

Thu, Jul 9, 20, 00:00, 4 Years ago

1 Show Loading indicator on Bootstrap 4 (Modal) dialog

Thu, Apr 9, 20, 00:00, 4 Years ago

1 Script injected with insertAdjacentHTML() does not execute

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago colby · Accepted Answer

I've solved this issue, the proxy code needs to be added to the server side scripts.
Then I needed to change the order of if statements to make calling the proxy the first choice since it will be the case for all the images we are dealing with in our project.
Thanks Niklas.
More details are here : https://github.com/niklasvh/html2canvas-proxy/issues/2#