小编Dav*_*mon的帖子

使用 use-react-screenshot 创建的图像渲染不正确

我用来use-react-screenshot拍摄特定 dom 元素的屏幕截图,但图像变得很奇怪,看起来它部分渲染了 dom 元素

这是运行takescreenshot函数后生成的图像

我正在使用示例代码create-react-app

import logo from "./logo.svg";
import "./App.css";
import { createRef } from "react";
import { useScreenshot, createFileName } from "use-react-screenshot";

function App() {
    const ref = createRef(null);
    const [image, takeScreenShot] = useScreenshot({
        type: "image/jpeg",
        quality: 1.0,
    });

    const download = (image, { name = "img", extension = "jpg" } = {}) => {
        const a = document.createElement("a");
        a.href = image;
        a.download = createFileName(extension, name);
        a.click();
    };

    const downloadScreenshot = () => takeScreenShot(ref.current).then(download); …
Run Code Online (Sandbox Code Playgroud)

javascript screenshot reactjs

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1

screenshot ×1