Skip to content

On iOS, the downloaded and shared image is blank. #556

@aidanikuz02

Description

@aidanikuz02

Hi. I'm using the latest version. We're implementing this on a project that uses AI to generate an image based on user selected prompt. The generated image is then assigned to element. The whole thing that we are trying to convert into an image is :

{username]

on top of

Works great on Android but the problem as usual lies with iOS. We realized a little late into it that when downloading or sharing the image the elements are blank except the

. for example, this is the download button function. Perhaps i am not implementing it correctly.

await (document as any).fonts.ready;
const dataUrl = await htmlToImage.toPng(elementRef.current, {cacheBust: true,});
const link = document.createElement("a");
link.href = dataUrl;
link.download = "capture.png";
link.click();

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions