正确安装后，fabric JS 未在节点上运行

Question

我想在节点服务器上使用 fabric js 来生成 SVG 图像。我按照说明在 mac 环境中的节点上运行 fabric js。我正在尝试从 nodejs 示例下的结构 js 文档中运行 hello world 结构应用程序。

如果我在节点 shell 中运行 typeof require('canvas');。根据fabricjs documentation，它应该返回“功能” 运行typeof require('fabric'); 也应该返回object。我很确定我正确安装了依赖项，但不完全确定为什么代码没有按预期运行。

但是，运行代码会导致此错误：TypeError: fabric.createCanvasForNode is not a function

这是我要运行的代码。

我将我的 python 版本更改为 2.7 并且节点是 v 9.2.0 。感谢所有帮助！

var fs = require('fs'),
    fabric = require('fabric').fabric,
    out = fs.createWriteStream(__dirname + '/helloworld.png');

var canvas = fabric.createCanvasForNode(200, 200);

var text = new fabric.Text('Hello world', {
  left: 100,
  top: 100,
  fill: '#f55',
  angle: 15
});
canvas.add(text);

var stream = canvas.createPNGStream();
stream.on('data', function(chunk) {
  out.write(chunk);
});

Answer 1

Dez 的回答几乎让我满意，但这不是一个完全有效的例子。至少对我来说不是。这是我在深入研究该主题后得到的结果：

const { fabric } = require("fabric");
const canvas = new fabric.Canvas(null, {width: 500, height: 500});

const fs = require("fs");
const stream = canvas.createPNGStream();
const out = fs.createWriteStream("test.png");

var text = new fabric.Text("Hello world", {
  left: 100,
  top: 100,
  fill: "#f55",
  angle: 15
});

canvas.add(text);

canvas.renderAll();

stream.on('data', function(chunk) {
  out.write(chunk);
});

Answer 2

看到您遇到的问题，我知道您使用的是 2.0.0 以上的版本，并且自从上述版本以来，他们似乎已经弃用了 createCanvasForNode 方法。 您可以通过评估 fabric 导入轻松确认这一点，并看到该方法不再可用。

从现在开始，您可以使用fabric.Canvas 或fabric.StaticCanvas。

var fs = require('fs'),
    fabric = require('fabric').fabric,
    out = fs.createWriteStream(__dirname + '/helloworld.png');

var canvas = new fabric.Canvas(200, 200);
// or either var canvas = new fabric.StaticCanvas(200, 200);

var text = new fabric.Text('Hello world', {
  left: 100,
  top: 100,
  fill: '#f55',
  angle: 15
});
canvas.add(text);

var stream = canvas.createPNGStream();
stream.on('data', function(chunk) {
  out.write(chunk);
});

参考1：https://github.com/kangax/fabric.js/issues/3885

参考2：https://github.com/kangax/fabric.js/issues/4586