jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix tainted images for highlight?

Browse source
This commit is contained in:
nick-delirium 2025-01-24 16:36:46 +01:00
parent ab454894f8
commit 0f744ec1a0
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/app/components/Session_/Highlight/HighlightPanel.tsx
View file

@ -241,18 +241,20 @@ window.__debugElementToImage = (el) => elementToImage(el).then(img => {
function elementToImage(doc: Document) {
const el = doc.body;
const srcMap = new WeakMap()
return import('html2canvas').then(({ default: html2canvas }) => {
const images = doc.querySelectorAll('img');
images.forEach((img) => {
img.setAttribute('crossorigin', 'Anonymous');
srcMap.set(img, img.src);
img.src = ""
})
return html2canvas(
el,
{
scale: 1,
allowTaint: true,
foreignObjectRendering: true,
useCORS: true,
foreignObjectRendering: false,
useCORS: false,
logging: true,
height: 900,
width: 1200,
@ -260,6 +262,9 @@ function elementToImage(doc: Document) {
y: 0,
}
).then((canvas) => {
images.forEach((img) => {
img.src = srcMap.get(img)
})
return canvas.toDataURL('img/png');
}).catch(e => {
console.log(e);