Skip to content

Commit 244f772

Browse files
committed
fixed cors image issue
1 parent 9aaf6dd commit 244f772

File tree

2 files changed

+23
-1
lines changed

2 files changed

+23
-1
lines changed

src/ReactToPdf.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ class ReactToPdf extends PureComponent {
1919
'Target ref must be used or informed. See https://github.com/ivmarcos/react-to-pdf#usage.'
2020
);
2121
}
22-
html2canvas(targetComponent, { logging: false }).then(canvas => {
22+
html2canvas(targetComponent, { logging: false, useCORS: true }).then(canvas => {
2323
const imgData = canvas.toDataURL('image/png');
2424
const pdf = new JsPdf(options);
2525
pdf.addImage(imgData, 'JPEG', x, y);

src/ReactToPdf.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,25 @@ const options = {
5050
<div style={{width: 500, height: 500, background: 'blue'}} ref={ref}/>
5151
</div>
5252
```
53+
54+
**Cors***
55+
```jsx
56+
const ref = React.createRef();
57+
<div>
58+
<ReactToPdf targetRef={ref} filename="div-cors.pdf" >
59+
{({toPdf}) => (
60+
<button onClick={toPdf}>Generate pdf</button>
61+
)}
62+
</ReactToPdf>
63+
<div ref={ref}>
64+
<img
65+
src="https://s.ftcdn.net/v2013/pics/all/curated/RKyaEDwp8J7JKeZWQPuOVWvkUjGQfpCx_cover_580.jpg?r=1a0fc22192d0c808b8bb2b9bcfbf4a45b1793687"
66+
className={""}
67+
alt=""
68+
crossOrigin="anonymous"
69+
/>
70+
</div>
71+
</div>
72+
```
73+
74+

0 commit comments

Comments
 (0)