dom-to-image
dom-to-image copied to clipboard
images in DOM are not converting into base64
I'm using dom-to-image in ionic4 project it is working fine in android but in iOS is not converting showing blank space inside container
According to the readme, Safari is not supported:
Safari is not supported, as it uses a stricter security model on
<foreignObject>
tag. Suggested workaround is to usetoSvg
and render on the server.`
— https://github.com/tsayen/dom-to-image#browsers
I would assume this goes for both MacOS and iOS
Solved this issue by translate the network image into base64 by canvas.toDataURL
before using dom-to-image on safari
@Ginhing can you show example i have same problem for image it already base64 but still showing blank space
Had the same issue on Safari. Used SVG instead of png and the issue was solved.