小编KOs*_*imo的帖子

将canvas集成到jsdom中

通过查看jsdom的文档,似乎支持canvas。然而给出的唯一解释是:

jsdom 支持使用 canvas 或 canvas-prebuilt 包通过 canvas API 扩展任何元素。为了实现这一点,您需要将 canvas 作为项目中的依赖项,作为 jsdom 的对等项。如果 jsdom 可以找到 canvas 包,它将使用它,但如果它不存在,则元素的行为将类似于 s。

这对我一点帮助都没有。我通过npm安装了canvas-prebuilt并在 jsdom 之前导入了 canvas-prebuilt

import canvas from 'canvas-prebuilt';
import jsdom from 'jsdom';
Run Code Online (Sandbox Code Playgroud)

接下来我想创建一些 html 片段的 dom 对象,然后使用html2canvas将 html 插入到画布中:

const dom = new JSDOM(html);
let domcanvas = await html2canvas(dom, {
  dpi: dpi,
  useCORS: true,
  timeout: 20000
});
Run Code Online (Sandbox Code Playgroud)

执行代码时会抛出错误:

No canvas support
Run Code Online (Sandbox Code Playgroud)

我假设 jsdom 没有找到画布。

因此我的问题是如何将canvas集成到jsdom中?

编辑:

因此,在深入研究 JSDom 代码后,我发现 JSDom 实际上正在寻找画布。我通过修改node_modules/jsdom/lib/jsdom/utils.js中的代码来解决这个问题,添加一些控制台日志来验证是否已找到画布:

exports.Canvas = null; …
Run Code Online (Sandbox Code Playgroud)

canvas express jsdom html2canvas

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

标签 统计

canvas ×1

express ×1

html2canvas ×1

jsdom ×1