Need some feature, and have some question~

[szj2ys]

1. Can you tell me how to change the theme?
2. Do you have plan support latex?
3. Can you support add local image path?
4. Can you support direct download picture?
   This is a good project, Thanks!

[TrumanDu]

the same issue to me.
but I have reaserched example. this is my solution:

 <Md2Poster
              className="!max-w-none"
              theme={theme}
              ref={posterRef}
              size={sizeType}
              aspectRatio={ratioType}
            >

theme :

<option value="SpringGradientWave">SpringGradientWave</option>
              <option value="blue">blue</option>
              <option value="pink">pink</option>
              <option value="purple">purple</option>
              <option value="green">green</option>
              <option value="yellow">yellow</option>
              <option value="gray">gray</option>
              <option value="red">red</option>
              <option value="indigo">indigo</option>

download png

  const downloadImageFromBlob = (blob, filename) => {
    const blobUrl = URL.createObjectURL(blob);

    const a = document.createElement("a");
    a.href = blobUrl;
    a.download = filename;
    document.body.appendChild(a);

    a.click();

    document.body.removeChild(a);
    URL.revokeObjectURL(blobUrl);
  };

  const handleButtonClick = async () => {
    setLoading(true);
    try {
      const blob = await posterRef.current.handleCopy();
      downloadImageFromBlob(blob, "output.png");
    } catch (error) {
      console.error("handleCopy 出错:", error);
    } finally {
      setLoading(false);
    }
  };

more detail see here https://github.com/app-toolkit/m2p/blob/main/src/App.jsx#L63

hope to help you.